Staatliches Gutachten zur digitalen Barrierefreiheit

www.bfit-bund.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere Kernprobleme bei Semantik, ARIA-Rollen, Überschriftenstruktur und Fehlerausgaben erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unbenutzbar.

Sehbehinderung Mit Hindernissen nutzbar

Fehlender Reflow, Probleme bei 200 % Textzoom, schwacher Fokuskontrast und teils schlechter Nicht-Text-Kontrast beeinträchtigen Nutzung mit Vergrößerung erheblich.

Hörbehinderung Mit Hindernissen nutzbar

Fehlende Untertitel für eingebettete Videos schränken Multimedia-Inhalte ein, der übrige Webauftritt ist jedoch weitgehend nutzbar.

Motorische Behinderung Mit Hindernissen nutzbar

Die Seite ist grundsätzlich tastaturbedienbar, aber schlecht sichtbarer Fokus, problematische Hover-/Fokus-Overlays und ARIA-/Dialogfehler erschweren die Bedienung deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Linkzwecke, identische h1-Überschriften und fehlerhafte Fehlermeldungen erschweren Orientierung und Formulare, ohne die Seite komplett unverständlich zu machen.

Neurodivergenz Mit Hindernissen nutzbar

Probleme bei Fokusführung, Overlays und unklaren Links können Reizüberflutung und Desorientierung fördern, die Struktur ist aber insgesamt noch nachvollziehbar.

Dokumentierte Barrieren

  • Videos ohne Untertitel

    Eingebettete Videos enthalten keine Untertitel und verweisen nur auf eine alternative Seite. Auf der jeweiligen Seite fehlt ein klarer Hinweis darauf, wo die Untertitel oder Alternativen zu finden sind.

    Auswirkung: Ich kann gesprochene Inhalte in den Videos nicht zuverlässig verstehen, wenn ich nicht hören kann. Dadurch gehen mir wichtige Informationen verloren.

  • Wichtige Video-Inhalte ohne Audiodeskription oder Textalternative

    In Videos werden zusätzliche Informationen durch eingeblendete Texte und Animationen vermittelt, aber nicht in einer Audiodeskription oder Volltextalternative wiedergegeben. Auf der Seite fehlt zudem ein klarer Hinweis auf die vorhandene Alternative.

    Auswirkung: Ich erfasse wichtige Inhalte aus den Videos nicht vollständig, wenn ich sie nicht sehen kann. Dadurch bleiben erklärende oder ergänzende Informationen für mich verborgen.

  • Fehler in Formularen werden nicht verständlich vorgelesen

    Fehlermeldungen sind sichtbar, aber nicht mit den betroffenen Feldern programmatisch verbunden. Für Screenreader-Nutzende fehlen dadurch verlässliche Zuordnung und konkrete Hinweise.

    Auswirkung: Wenn ich ein Formular falsch ausgefüllt habe, erfahre ich nicht klar, was ich korrigieren muss. Das kann mich daran hindern, ein Formular erfolgreich abzuschließen.

  • Screenreader kann Bedienelemente und Dialoge teilweise falsch interpretieren

    Modale Fenster und Menüstrukturen sind mit unpassenden oder fehlenden ARIA-Rollen versehen. Zusätzlich weist der Prüfer auf Syntaxfehler hin, die die Interpretation durch assistive Technologien stören können.

    Auswirkung: Ich kann Menüs oder Dialoge mit dem Screenreader falsch verstehen oder nicht korrekt bedienen. Dadurch werden Navigation und Interaktion deutlich unsicherer.

  • Inhalte brechen bei Vergrößerung ab

    Bei 200 % Zoom verschwinden Vorschläge und Tooltips werden abgeschnitten. Die Seite passt sich nicht ausreichend an, sodass Inhalte bei Vergrößerung nicht vollständig sichtbar bleiben.

    Auswirkung: Ich kann bei größerer Schrift oder Zoom wichtige Hinweise und Zusatzinformationen nicht mehr lesen. Das erschwert mir die Nutzung erheblich, wenn ich auf Vergrößerung angewiesen bin.

  • Seite lässt sich auf kleinen Bildschirmen nur eingeschränkt nutzen

    Bei einer Breite von 320 CSS-Pixeln treten horizontale Scrollbalken auf, Menüeinträge werden abgeschnitten und wichtige Links überlappen. Inhalte sind damit nicht sauber in eine schmale Ansicht umgebrochen.

    Auswirkung: Ich muss seitlich scrollen und kann Bereiche nur mühsam erfassen. Auf kleinen Geräten oder bei starker Vergrößerung wird das Lesen und Bedienen deutlich erschwert.

  • Tastaturfokus kaum erkennbar

    Der Fokusrahmen ist in Videos und anderen Bereichen nur schwach sichtbar. Dadurch ist beim Bedienen per Tastatur nicht zuverlässig erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich weiß oft nicht, wo ich mich gerade auf der Seite befinde. Das macht die Bedienung mit Tastatur unsicher und fehleranfällig.

  • Links und Seitentitel sind nicht eindeutig genug

    Mehrere Links benennen ihr Ziel nicht klar, und die Hauptüberschrift ist auf allen Seiten gleich. Dadurch ist der konkrete Seiteninhalt nicht sofort erkennbar.

    Auswirkung: Ich kann schwerer entscheiden, wohin ein Link führt oder auf welcher Seite ich mich befinde. Das kostet Zeit und erhöht die Verwechslungsgefahr.

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 11 Enterprise (Version 22H2)
Browser
Firefox (Version 114.0.2); Chrome (Version 114.0.5735.199)
Screenreader
NVDA (Version 2023.1)
Auflösung
1920 × 1080
Tools
Colour Contrast Analyser (Version 3.2.0), PDF Accessibility Checker 2021 (Version 21.0.0.0), NVDA (Version 2023.1)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.2.2
Untertitel (aufgezeichnet) 		nicht bestanden Das eingebundene Video bietet keinen Untertitel und verweist nur auf eine alternative Seite; auf der geprüften Seite fehlt ein Hinweis darauf. Untertitel sollten direkt verfügbar oder alternativ gekennzeichnet und im Kontext verlinkt sein.
4.9.1.2.3
Audiodeskription oder Medienalternative (aufgezeichnet) 		nicht bestanden Informationen aus eingeblendeten Texten und Animationen werden nicht über eine Audiodeskription oder Volltextalternative vermittelt, auf der geprüften Seite fehlt zudem jeglicher Hinweis auf die vorhandene Alternative.
4.9.1.4.4
Textgröße ändern 		nicht bestanden Bei 200 % Zoom verschwinden Vorschläge und Tooltips werden abgeschnitten, eine Anpassung mit relativen Einheiten und ausreichendem Layout-Management ist erforderlich.
4.9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Bei Breiten von 320 CSS-Pixeln treten horizontale Scrollbalken auf, Menüeinträge kürzen sich ab und wichtige Links überlappen. Die Inhalte müssen ohne horizontales Scrollen umgebrochen werden.
4.9.2.4.7
Fokus sichtbar 		nicht bestanden In Videos und anderen Bereichen ist der Fokusrahmen nur schwach erkennbar. Der Tastaturfokus muss mit einem deutlichen visuellen Hinweis (Kontrast ≥3:1) per :focus / :focus-visible nachgerüstet werden.
4.9.3.3.1
Fehlerkennzeichnung 		nicht bestanden Fehlermeldungen sind zwar sichtbar, aber nicht programmatisch mit den Feldern verknüpft; Screenreader lesen sie daher nicht mit. Zudem fehlen konkrete Beschreibungen. Es müssen aria-describedby-Attribute oder integrierte Labels eingesetzt und treffende Texte formuliert werden.
4.9.4.1.1
Syntaxanalyse 		nicht bestanden W3C-Checker weist mehrere Syntaxfehler aus, die die Interpretation durch assistive Technologien verhindern können. Alle HTML-Fehler sind zu beheben und den Code valide zu halten.
4.9.4.1.2
Name, Rolle, Wert 		nicht bestanden Modale Fenster und Menüstrukturen haben keine passenden WAI-ARIA-Rollen (z. B. dialog) und werden alternativ mit unpassenden role="menu" ausgestattet. Rollen müssen durch passende ARIA-Attribute ergänzt oder überflüssige Auszeichnungen entfernt werden.
4.12.1.2
Barrierefreie Dokumentation 		nicht bestanden Die Erklärung zur Barrierefreiheit übernimmt die allgemeinen Auffälligkeiten und erfüllt dadurch nicht alle Anforderungen der Dokumentationskapitel 9.1 bis 9.6; diese Inhalte müssen selbst barrierefrei nachgeführt werden.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente 		im Wesentlichen bestanden Die Textalternativen des eingebetteten Videoplayers sind teilweise nur in Englisch oder beschreiben weder Zweck noch Ziel der Verlinkung. Das Ziel muss nachvollziehbar sein und die Sprache an das Seitenziel angepasst werden.
4.9.1.4.11
Nicht-Text-Kontrast 		im Wesentlichen bestanden Eine ausgewählte Grafik im Datenschutzbereich weist nur ein Kontrastverhältnis von 1,7:1 auf, die visuelle Information sollte stattdessen mindestens 3:1 zum Hintergrund aufweisen.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben oder Fokus 		im Wesentlichen bestanden Navigationselemente zeigen zusätzliche Inhalte, die sich nicht per ESC oder Aktivierung schließen lassen und den Mauszeiger nicht überfahrenbar sind; sie müssen verwerfbar und beständig gestaltet werden.
4.9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Footer und Hauptbereich sind redundant mit aria-label/role ausgezeichnet, die Suche besitzt keine search-role. Überflüssige Labels entfernen und entsprechende Landmarken ergänzen.
4.9.2.4.4
Linkzweck (im Kontext) 		im Wesentlichen bestanden Links wie „Inhalte dieses Webauftritts“ oder Glossarbegriffe benennen Ziel und Verhalten nicht eindeutig, sie sollten den tatsächlichen Kontext beschreiben und auf die Art des Inhalts hinweisen.
4.9.2.4.6
Überschriften und Beschriftungen (Labels) 		im Wesentlichen bestanden Die h1-Hauptüberschrift ist auf allen Seiten identisch und gibt lediglich den Gesamtauftritt an. Jede Seite braucht eine aussagekräftige h1, damit blinde Nutzer den Inhalt eindeutig erfassen können.
5.2
Erklärung zur Barrierefreiheit 		im Wesentlichen bestanden Die erforderliche Benennung nicht barrierefreier Inhalte ist nicht vollständig, was der Norm zur Erklärung widerspricht. Fehlstellen sind zu dokumentieren und gegebenenfalls Alternativen auszuweisen.
5.5
Erläuterungen in Gebärdensprache 		im Wesentlichen bestanden Hinweise auf weitere gebärdensprachliche Inhalte fehlen und die Videos sind nicht durch das DGS-Logo gekennzeichnet. Die Verweise müssen im Auftritt deutlich sichtbar sein und durch das Logo markiert werden.

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.

Jetzt via Steady unterstützen