Staatliches Gutachten zur digitalen Barrierefreiheit

bfr.bund.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler bei Alternativtexten, Struktur, Name/Rolle/Wert, Tastaturzugänglichkeit und Lesereihenfolge erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unbedienbar.

Sehbehinderung Kaum nutzbar

Mangelnder Text- und UI-Kontrast, Probleme im Hochkontrastmodus, nicht responsives Layout und Überlappungen bei Textanpassung beeinträchtigen die Wahrnehmung stark.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für Audio sind weitgehend vorhanden, fehlende Alternativen für einige Videos wirken sich eher moderat auf gehörlose Nutzer aus.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ist vorhanden, aber mehrere wichtige Steuerelemente (Video-Player, Captcha, klappbare Bereiche, Date-Picker) sind per Tastatur nicht erreichbar und Untermenüs lassen sich schlecht schließen.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und vorhandene Fehlerhilfen unterstützen, jedoch beeinträchtigen schlechte Lesereihenfolge, unklare Linktexte und nicht responsives Layout das Verständnis und die Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende klare Fokusführung, automatisch öffnende Untermenüs, suboptimale Such- und Formularführung sowie nicht-responsives Design können Ablenkung und kognitive Last erhöhen, ohne die Nutzung völlig zu verhindern.

Dokumentierte Barrieren

  • Captcha nicht per Tastatur nutzbar

    Die Captcha-Prüfung auf der Formularseite kann nicht mit der Tastatur aktualisiert werden. Für Nutzer, die keine Maus verwenden können, ist der Formularabschluss dadurch stark erschwert oder unmöglich.

    Auswirkung: Ich kann das Formular unter Umständen nicht abschicken, wenn ich die Captcha-Grafik nicht bedienen oder neu laden kann. Das betrifft eine zentrale Funktion der Kontakt- oder Anfrage-Nutzung.

  • Video-Steuerung nicht per Tastatur erreichbar

    Die Bedienelemente des Video-Players auf der Startseite sind nicht mit der Tastatur erreichbar. Damit lassen sich zentrale Videofunktionen wie Starten, Pausieren oder Ansteuern nicht zuverlässig bedienen.

    Auswirkung: Ich kann Videos nicht selbstständig steuern, wenn ich auf Tastatur oder Screenreader angewiesen bin. Damit ist der Medieninhalt praktisch nicht nutzbar.

  • Formularfehler werden nicht direkt vorgelesen

    Nach dem Absenden eines fehlerhaften Formulars wird der Fokus nicht zum fehlerhaften Feld geführt, und die Fehlermeldung wird im Formularmodus vom Screenreader nicht direkt ausgegeben. Die Fehlerstelle ist dadurch schwer auffindbar.

    Auswirkung: Ich muss erst selbst aufwändig suchen, wo etwas falsch eingegeben wurde. Das macht das Korrigieren von Formularen deutlich mühsamer und fehleranfälliger.

  • Klappbereiche per Tastatur nicht bedienbar

    Mehrere klappbare Abschnitte im Inhaltsbereich lassen sich nicht einzeln mit der Tastatur öffnen. Inhalte können außerdem im geschlossenen Zustand vom Screenreader mit ausgegeben werden.

    Auswirkung: Ich kann wichtige Inhalte möglicherweise nicht gezielt öffnen oder muss unnötige Inhalte mitlesen. Das erschwert die Navigation und kann Informationen unzugänglich machen.

  • Suche und Filter nach Ergebniswechsel schwer orientierbar

    Nach Sortierung, neuer Suche oder Seitenwechsel in der Suchergebnisliste springt der Fokus an den Seitenanfang statt zu den Ergebnissen. Zusätzlich sind Suchvorschlagsliste und aktive Einträge für Screenreader nicht ausreichend angekündigt.

    Auswirkung: Ich verliere nach einer Suchaktion die Orientierung und muss mich jedes Mal neu zurechtfinden. Das kostet Zeit und kann dazu führen, dass ich Suchergebnisse übersehe.

  • Hauptnavigation kann sich per Tastatur schlecht zurückziehen

    Die per Maus oder Tab geöffneten Untermenüs im Hauptmenü lassen sich mit der Tastatur nicht wieder schließen. Dadurch bleibt die Navigation offen und kann den weiteren Zugriff erschweren.

    Auswirkung: Ich kann in der Navigation festhängen oder muss viele zusätzliche Schritte machen, um weiterzukommen. Das macht das Seitenbedienen unnötig kompliziert.

  • Responsive Darstellung fehlt

    Die Website passt sich nicht sauber an kleinere oder veränderte Ansichten an, sodass Inhalte nur mit mehrdimensionalem Scrollen vollständig sichtbar sind. Dadurch gehen Überblick und Bedienbarkeit verloren.

    Auswirkung: Ich muss horizontal und vertikal gleichzeitig scrollen, um Inhalte zu erfassen. Das erschwert das Lesen und Bedienen deutlich, besonders auf kleinen Bildschirmen oder mit Vergrößerung.

  • Formularfelder und Statusinformationen für Screenreader unzureichend verknüpft

    Beschriftungen und Fehlermeldungen sind bei mehreren Formularfeldern nicht sauber mit den Eingabefeldern verbunden. Auch aktive Registerkarten und der Status von auf- und zugeklappten Abschnitten werden nicht korrekt angesagt.

    Auswirkung: Ich kann nicht sicher erkennen, welches Feld wozu gehört und was gerade offen oder aktiv ist. Dadurch steigt die Wahrscheinlichkeit von Eingabefehlern und Fehlbedienungen.

  • Aktiver Menüpunkt und Inhalte im Hochkontrast schwer erkennbar

    Im Hochkontrastmodus sind aktive Navigationselemente, Logos, Untermenüs und einige Hintergründe nicht gut unterscheidbar. Auch die Größe von Untermenüs und Video-Playern ist dort schlechter erkennbar.

    Auswirkung: Ich kann nicht sicher erkennen, wo ich mich befinde und welche Bereiche anklickbar sind. Das erschwert die Orientierung und Auswahl von Inhalten erheblich.

  • Linkziele und Paginierung unklar benannt

    Mehrere Links heißen nur allgemein oder werden als technische Seitenzahlen ausgegeben, etwa „mehr“ oder „Link1, Link2“. Bei Download-Links ist das Dokumentformat oft nicht direkt erkennbar.

    Auswirkung: Ich weiß vor dem Aktivieren nicht sicher, wohin ein Link führt oder was ich herunterlade. Das macht die Auswahl von Inhalten und Dokumenten unnötig unsicher.

Hinweis: Diese Zusammenfassung 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.

Technische Umgebung

OS
Windows 10 Enterprise
Browser
Google Chrome 114.0.5735.134
Screenreader
NVDA 2022.4
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.bfr.bund.de/de/suche.html?search%5Bquery%5D=Lakritze
  • https://www.bfr.bund.de/de/kontakt.html
  • https://www.bfr.bund.de/de/gesundheitliche_bewertung_von_textilien_und_leder-228.html
  • https://www.bfr.bund.de/cm/343/beeintraechtigt-der-lakritzverzehr-von-schwangeren-die-geistige-und-koerperliche-entwicklung-von-kindern.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden * Startseite: Bei einigen Logos im Inhaltsbereich entspricht der alt-Text nicht genau dem Logotext. * Formularseite: Der Inhalt der Captcha-Grafik ist mit dem Screenreader nicht wahrnehmbar. * Alle Seiten: Der alt-Text des Logos im Kopfbereich entspricht nicht genau dem Logotext.
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden * Startseite: Zu den Videos (Abschnitt "Videos") wird keine Alternative bereitgestellt.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden * Startseite: Die Videos (Abschnitt "Videos") haben keine Audiodeskription.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Suchseite: Die Suchergebnisliste ist nicht als insgesamt eine Liste ausgezeichnet. * Formularseite: Bei mehreren Formularelementen sind die Beschriftungen nicht mit den dazugehörigen Formularfeldern verknüpft. * Formularseite: Die Fehlermeldungen sind nicht mit den dazugehörigen Formularfeldern verknüpft. * Inhaltsseite: Im Inhaltsbereich sind die beiden Abschnittsüberschriften nicht als solche ausgezeichnet. * Alle Seiten: Der Screenreader gibt im Sucheingabefeld nach dem Einblenden der Vorschlagsliste keinen entsprechenden Hinweis auf die Liste und die Eintragsanzahl aus. * Alle Seiten: In der Vorschlagsliste des Sucheingabefeldes wird der fokussierte Listeneintrag vom Screenreader nicht ausgegeben. * Alle Seiten: Die Seiten besitzen keine Strukturelemente wie z.B. <header>, <main>, <footer>, <nav> um den Inhalt der Seite zu unterteilen. * Inhaltsseite: Im Hochkontrastmodus ist der aktive Menüpunkt "Produktsicherheit" nicht mehr als "aktiv" erkennbar. * Alle Seiten: Der Logo-Text ist in der Hochkontrastansicht nicht gut lesbar. * Alle Seiten: In der Hochkontrastansicht ist im Hauptmenü die Größe der Untermenüs durch die fehlenden Rahmen nicht gut erkennbar. * Alle Seiten: Die Größe des Video-Players ist durch den fehlenden Rahmen in der Hochkontrastansicht nicht gut erkennbar. * Alle Seiten: Im Hochkontrastmodus werden mehrere Hintergründe der Seiten im Kopf-, Inhalts- und Fußbereich (z.B. bei Überschriften, Hauptnavigationspunkten, in klappbaren Abschnitten, Sucheingabefeldern) nicht angepasst.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden * Startseite: Im Header stimmt die Ausgabereihenfolge des Screenreaders nicht mit der visuellen Reihenfolge überein, da zuerst der angezeigte Inhalt des ersten Slide und die Steuerungs-Elemente ausgegeben werden und danach erst das Logo und das Service-Menü am oberen Rand der Seite. * Startseite: Im Inhaltsbereich ist die Ausgabereihenfolge nicht korrekt, da zuerst die Links unter "BFR SERVICE" in der rechten Spalte und danach erst die Links der "PRODUKTMITTEILUNGEN UND VERGIFTUNGEN" auf der linken Seite vom Screenreader ausgegeben werden. * Inhaltsseite: Bei den klappbaren Abschnitten im Inhaltsbereich werden auch die Inhalte der geschlossenen Elemente vom Screenreader mit ausgegeben. * Alle Seiten: Das Minuszeichen im Link "-A" im Service-Menü wird vom Screenreader im linearen Lesemodus nicht ausgegeben. * Alle Seiten: Das Cookie-Banner wird erst am Ende der Seite vom Screenreader ausgegeben.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden * Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
Farbe ist nicht einziger Informationsträger nicht bestanden * Formularseite, Inhaltsseite: Mehrere Links im Fließtext sind nur durch Farbe gekennzeichnet. (Der Kontrastabstand zwischen Linkfarbe und Textfarbe ist zu gering)
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden * Formularseite: Die Texte der Fehlermeldungen haben ein zu geringes Kontrastverhältnis zum Hintergrund. * Inhaltsseite: Die grauen Zahlen in den klappbaren Abschnitten unterhalb des Inhaltsbereichs, haben ein zu geringes Kontrastverhältnis zum Hintergrund. * Alle Seiten: Im Footer hat der Text "2023 Bundesinstitut für Risikobewertung (BfR)" ein zu geringes Kontrastverhältnis zum Hintergrund.
Inhalte brechen in einspaltiges Layout um nicht bestanden * Alle Seiten: Die Darstellung der Webseite ist nicht responsive umgesetzt. Die Webseiteninhalte sind nur durch mehrdimensionales Scrollen vollständig wahrnehmbar.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden * Formularseite: Die Rahmen einiger Formularelemente haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
Textabstände sind anpassbar nicht bestanden * Startseite: Im Slider werden einige Elemente teilweise überlagert (wie z.B. Textbox und Sliderbutton). * Alle Seiten: Der Hauptnavigationspunkt "Lebensmittelsicherheit" wird teilweise nicht im sichtbaren Bereich angezeigt.
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden * Alle Seiten: Im Hauptmenü können die per Mouseover oder per Tab geöffneten Untermenüs mit der Tastatur (z.B. ESC-Taste) nicht geschlossen werden.
Tastaturbedienbarkeit ist gegeben nicht bestanden * Startseite: Im Bereich "Videos" sind die Bedienelemente des Video-Players mit der Tastatur nicht erreichbar. * Suchseite: Die Date-Picker Icons in den Eingabefeldern (Registerkarte "Erweiterte Suche") sind mit der Tastatur nicht erreichbar. * Formularseite: Die Captcha-Grafik kann mit der Tastatur nicht aktualisiert werden. * Inhaltsseite: Die klappbaren Abschnitte unterhalb des Inhaltsbereichs, lassen sich mit der Tastatur nicht einzeln öffnen.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden * Startseite: Im Bereich "Aktuelles", "Videos" erhalten je Teaser zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. * Startseite: Im Inhaltsbereich ist die Fokusreihenfolge nicht korrekt, da zuerst die Links unter "BFR SERVICE" in der rechten Spalte den Fokus erhalten und danach erst die Links der "PRODUKTMITTEILUNGEN UND VERGIFTUNGEN" auf der linken Seite. * Suchseite: Der Fokus wird bspw. nach dem Sortieren der Liste, nach dem Ausführen einer erneuten Suche oder nach dem Öffnen der nächsten Suchergebnisseite an den Seitenanfang und nicht z.B. auf den ersten Suchergebniseintrag gesetzt. * Formularseite: Nach dem Absenden eines fehlerhaften Formulars wird der Fokus nicht auf das erste fehlerhafte Formularfeld gesetzt. * Inhaltsseite: In der linken Spalte folgen nach dem Link "Merkzettel" drei nicht sichtbare Tabschritte. * Inhaltsseite: Die geschlossenen klappbaren Abschnitte und deren Inhalte werden alle durchlaufen. * Alle Seiten: Die Untermenüs der Hauptnavigation werden automatisch geöffnet und müssen durchlaufen werden. * Alle Seiten: Der Cookie-Layer wird erst am Ende der Seite erreicht.
Linkzweck ist verständlich (im Kontext) nicht bestanden * Startseite: Bei einigen Links der Seite ist das Format der beim Download-Link verknüpften Dokumente an der Linkbeschriftung häufig nicht erkennbar (z.B. "Online BFR World Food Safety Almanac"). * Startseite: Im Bereich "Das Institut" ist der Linktext der vier Teaser-Links ("mehr") nicht aussagekräftig. * Suchseite: In den Suchergebnissen und in der rechten Spalte unter "Aktuelle Publikationen" ist das Format der beim Download-Link verknüpften Dokumente an der Linkbeschriftung häufig nicht erkennbar. * Suchseite: In der Paginierung der Suchergebnisse haben die einzelnen Seitenlinks keine aussagekräftige Beschriftung (Link1, Link2, Link3 usw.). * Inhaltsseite: Im Inhaltsbereich unten ist der Linktext "alle aufklappen" nicht aussagekräftig.
Sprache ist ausgezeichnet nicht bestanden * Alle Seiten: Nach dem Umschalten der Sprache (Englisch) wird die Hauptsprache der Inhalte im Quellcode nicht korrekt angegeben.
Name, Rolle und Wert sind identifizierbar nicht bestanden * Suchseite: Die beiden Registerkarten "Ergebnisse" und "Erweiterte Suche" werden nur als Liste mit zwei Einträgen vom Screenreader ausgegeben. * Inhaltsseite: Bei den klappbaren Abschnitten im Inhaltsbereich wird der Status (ob offen oder geschlossen) vom Screenreader nicht ausgegeben. * Alle Seiten: Bei den beiden Registerkarten im Header ("A-Z Index", "Suche") erfolgt über den Screenreader keine Information, welche Registerkarte gerade aktiv ist. Zudem werden die Registerkarten nur als Liste mit zwei Einträgen vom Screenreader ausgegeben.

Im Wesentlichen bestanden

Kriterium Status Notizen
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden * Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
Fehlermeldungen sind in Textform vorhanden im Wesentlichen bestanden * Formularseite: Die Fehlermeldung am Formularelement wird vom Screenreader (im Formularmodus) nicht ausgegeben. Ein Nutzer muss erst in den linearen Lesemodus wechseln.

Bestanden

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Tastaturfokus ist sichtbar bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden * Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
bestanden
B.1
PAC3 Test ergibt PDF/UA-konform
bestanden

Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

BarrierenWatch wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten. Hinter dem Projekt stehen Menschen mit Behinderung, die seit Jahren im Bereich der digitalen Barrierefreiheit oder als Aktivist*innen aktiv sind. Aktuell sind wir im Prozess der Gründung eines gemeinnützigen Vereins, der dieses Engagement beheimaten soll.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.