Gutachten

Bundesamt für Naturschutz

Website nicht konform Prüfung vom 10.06.2021 ID: #762
Umwelt öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
BFIT Bund
Prüforganisation
Materna Information & Communications SE
Stadt
Düsseldorf
Prüfart
eingehende Überwachung

Technische Umgebung

  • OS: Windows 10 Enterprise (Version 1909)
  • Browser: Firefox (Version 89.0)
  • Screenreader: NVDA (Version 2020.4)
  • Auflösung: 1920x1080
  • Tools: Colour Contrast Analyser (Version 3.1.1), PDF Accessibility Checker 3 (Version 3.0.7.0)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

Blindheit

Mit Hindernissen nutzbar

Mehrere kritische Barrieren wie unzugängliches CAPTCHA, unklare Formularfehler, fehlende Strukturierung und teils nicht bedienbare Elemente machen zentrale Funktionen nur eingeschränkt oder gar nicht nutzbar.

Sehbehinderung

Mit Hindernissen nutzbar

Unzureichende Text- und Nicht-Text-Kontraste, schwache Fokuskennzeichnung und fehlender Reflow bei 320px erschweren Orientierung und Lesbarkeit deutlich.

Hörbehinderung

Weitgehend zugänglich

Gebärdensprachinhalte zu wesentlichen Bereichen sind vorhanden und sonstige Probleme betreffen hörende und gehörlose Nutzende weitgehend gleichermaßen.

Motorische Behinderung

Mit Hindernissen nutzbar

Tastaturprobleme, schlecht sichtbarer Fokus und fehlender Reflow bei schmalen Viewports beeinträchtigen die Bedienung, lassen die Seite aber grundsätzlich noch nutzbar.

Lernbehinderung

Mit Hindernissen nutzbar

Fehlende Leichte Sprache, unklare Beschriftungen, automatische Seitenwechsel und uneinheitliche Struktur erschweren Verständnis und Orientierung deutlich.

Neurodivergenz

Mit Hindernissen nutzbar

Inkonsequente Struktur, spontane Kontextwechsel und schwache visuelle Führung sind belastend, aber grundlegende Inhalte bleiben mit Aufwand zugänglich.

Hinweis: Diese Einschätzung mit generativer KI basiert auf den Informationen aus diesem Gutachten. Künstliche Intelligenz kann Inhalte nicht automatisch barrierefrei machen oder Prüfungen durchführen. Behinderungen sind komplex und mehrschichtig, weshalb diese Analysen nicht zutreffen müssen.

Getestete Angebote

Webangebot öffnen
  • www.bfn.de

Empfehlung & Status

Empfehlung

Die Seite benötigt insbesondere aussagekräftige Alternativtexte, vollständige Überschriften- und Listenstruktur, korrekte Kennzeichnung von Formularfeldern, ausreichenden Kontrast und sichtbare Fokusindikation sowie die Beseitigung der getesteten Fehler in Kapiteln wie Links, CAPTCHA, Layouttabellen und Kontaktformular. Ebenso sind die nationalen Anforderungen zur leichten Sprache und Gebärdensprache zu vervollständigen.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.d
Alternativen für CAPTCHAs 		nicht bestanden Das CAPTCHA im Kontaktformular bietet keine nicht bildbasierte Alternative, was blinden Nutzenden den Absendevorgang unmöglich macht.
4.9.1.3.1.b
HTML-Strukturelemente für Listen 		nicht bestanden Visuell erkennbare Listen (z. B. auf der Startseite und der Seite Daten und Fakten) sind nicht mit ul/ol/li ausgezeichnet, wodurch Screenreader die Struktur nicht erkennen.
4.9.1.3.1.g
Kein Strukturmarkup für Layouttabellen 		nicht bestanden Layouttabellen weisen caption-Attribute auf, die ausschließlich für Datentabellen vorgesehen sind. Stattdessen sollte semantisches Markup wie Definitionslisten verwendet werden.
4.9.1.3.5
Eingabezweck bestimmen 		nicht bestanden Alle Felder des Kontaktformulars, die Nutzereingaben betreffen, verwenden kein autocomplete-Attribut, sodass Auto-Complete und Eingabehilfen nicht zielsicher Vorschläge liefern.
4.9.1.4.1
Benutzung von Farbe 		nicht bestanden In Menüs wird der Fokus allein über eine Farbe signalisiert; der Kontrast zum Umgebungszustand erfüllt nicht 3:1, wodurch Tastaturnutzende schwer erkennen, welches Element fokussiert ist.
4.9.1.4.3
Kontrast (Minimum) 		nicht bestanden Mehrere Textstellen (z. B. auf der Seite Infothek sowie im CAPTCHA) erreichen nicht den Mindestkontrast von 4,5:1, was fehlsichtigen Personen das Lesen erschwert.
4.9.1.4.5
Bilder von Text 		nicht bestanden Die Startseite verwendet Schriftgrafiken, deren Inhalte nicht als maschinenlesbarer Text verfügbar sind; für Individualisierung durch Nutzer:innen sollten HTML-Textalternativen eingesetzt werden.
4.9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Bei 320px Breite läuft Horizontal-Scrollen ein, sodass die Seite ohne vertikales Scrollen nicht mehr vollständig dargestellt wird und motorisch eingeschränkte Nutzende Schwierigkeiten bekommen.
4.9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Die Farben der Übersichtskarte zum Bundesprogramm „Blaues Band Deutschland“ erfüllen nicht durchgehend das Verhältnis 3:1, was die Unterscheidbarkeit der Flächen erschwert.
4.9.2.1.1
Tastatur 		nicht bestanden Der Button für die Cookie-Einstellungen liegt nicht in der Tab-Reihenfolge und ist nur mit der Maus erreichbar; Tastaturnutzende können diese Funktion nicht aktivieren.
4.9.2.4.4
Linkzweck (im Kontext) 		nicht bestanden Links, die PDF-Dokumente öffnen oder externe Seiten betreffen, beschreiben ihren Zweck nur im englischsprachigen title-Attribut und weisen nicht ausreichend darauf hin, dass ein neues Fenster geöffnet wird.
4.9.2.5.3
Beschriftung (Label) im Namen 		nicht bestanden Das Logo zur Nationalen Strategie zur Biologischen Vielfalt hat einen zugänglichen Namen, der nicht den sichtbaren Text „leben.natur.vielfalt die Strategie“ enthält; somit ist es per Spracheingabe nicht zielgenau auswählbar.
4.9.3.2.2
Bei Eingabe 		nicht bestanden Das Auswahlfeld „A bis Z“ springt nach Auswahl automatisch auf eine neue Seite, ohne Nutzer:innen vorab darauf hinzuweisen; blinde Nutzende verlieren so die Orientierung.
4.9.3.3.1
Fehlerkennzeichnung 		nicht bestanden Fehlermeldungen nach dem Absenden des Kontaktformulars stehen direkt unter den Feldern, sind aber nicht via aria-describedby mit den Feldern verknüpft, also für Screenreader nicht erkennbar.
4.9.3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Sternchen markieren Pflichtfelder, aber es gibt keine Erklärung, welche Bedeutung sie haben, und das Feld „Meine Nachricht“ ist fälschlich als Pflichtfeld markiert.
5.3
Erläuterungen in Leichter Sprache 		nicht bestanden Die vorhandene Seite enthält keine Hinweise zur Navigation und zur Erklärung zur Barrierefreiheit, wodurch die Leichte-Sprache-Anforderung nicht erfüllt wird.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für bedienbare Elemente 		im Wesentlichen bestanden Sinnvolle Beschriftungen fehlen für bedienbare Elemente wie den Suchbutton (englischer Begriff im alt-Attribut) und den Button für Cookie-Einstellungen, der komplett ohne alt-Text bleibt.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte 		im Wesentlichen bestanden Schriftgrafiken transportieren Informationen, erhalten jedoch leere alt-Attribute, sodass blinde Nutzende den Text nicht erfassen können.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		im Wesentlichen bestanden Die hierarchische Überschriftenstruktur ist inkonsistent, Bereichsüberschriften fehlen insbesondere für die Seitenspalten, was Screenreadernutzer:innen die Orientierung erschwert.
4.9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Es fehlen Bereichsüberschriften für die Seitenspalten und HTML5-Landmarks, weshalb Screenreadernutzende Teile wie die rechte Spalte nicht gezielt ansteuern können.
4.9.2.4.6
Überschriften und Beschriftungen (Labels) 		im Wesentlichen bestanden Die Beschriftung „A bis Z“ des Auswahlfeldes vermittelt keinen Zweck, sodass Nutzer:innen nicht erkennen, welche Funktion das Feld hat.
4.9.2.4.7
Fokus sichtbar 		im Wesentlichen bestanden Auf verlinkten Grafiken und im Bereichsmenü ist der Tastaturfokus nur über den standardmäßigen Browserfokus sichtbar, der für fehlsichtige Nutzende kaum erkennbar ist.
4.9.3.1.2
Sprache von Teilen 		im Wesentlichen bestanden Fremdsprachige Textlinks (z. B. auf der Seite Daten und Fakten) sind nicht mit lang-Attributen ausgestattet, wodurch Screenreader Erwähnungen falsch aussprechen.
5.1
Erklärung zur Barrierefreiheit 		im Wesentlichen bestanden Die Erklärung ist vorhanden und enthält Links zur Kontaktaufnahme und Schlichtung, listet aber nicht die im Bericht aufgeführten Mängel auf.
5.4
Erläuterungen in Gebärdensprache 		im Wesentlichen bestanden Gefilmte Inhalte decken wesentliche Webinhalte und Navigation ab, fehlen aber für die Erklärung zur Barrierefreiheit.

Verwandte Prüfungen

umweltbundesamt.de

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 08.01.2021