Staatliches Gutachten zur digitalen Barrierefreiheit

www.eu-gleichbehandlungsstelle.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere A-Kriterien für Screenreader (Alternativtexte, Struktur, Lesereihenfolge, Formulare, Statusmeldungen) sind nicht erfüllt, aber Tastaturbedienung und viele andere Kernanforderungen funktionieren.

Sehbehinderung Mit Hindernissen nutzbar

Probleme mit Kontrasten, Hochkontrastmodus, teilweise unsichtbare Zustände und ein nicht stoppbarer Teaser auf kleinen Bildschirmen beeinträchtigen die Nutzung deutlich.

Hörbehinderung Fast barrierefrei

Untertitel und Alternativen für aufgezeichnete Medien sind vorhanden und sonstige Audio-Anforderungen werden erfüllt, wodurch Gehörlose nur gering eingeschränkt sind.

Motorische Behinderung Weitgehend zugänglich

Die Seite ist vollständig tastaturbedienbar, ohne Tastaturfallen oder komplexe Zeigergesten, sodass nur kleinere Probleme wie schwer erkennbare Cookie-Fokusse stören.

Lernbehinderung Weitgehend zugänglich

Grundfunktionen, Fehlerhilfen und konsistente Navigation sind gegeben, aber unklare Überschriften, Formularkonventionen und der nicht stoppbare Teaser können kognitiv belasten.

Neurodivergenz Mit Hindernissen nutzbar

Der nicht pausierbare Teaser, teils schwer erkennbare Zustände und uneinheitliche Sprachkennzeichnung können für einige neurodivergente Personen merklich störend sein.

Veränderung

Aktuell angezeigt
10 gefundene Barrieren unverändert
6,0/10 Ø Schwere -0,3 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Unbeschriftete oder falsch gruppierte Formularelemente

    Auf der Beratungsseite sind einige Eingabefelder, Radiobuttons und Bedienelemente nicht so beschriftet oder gruppiert, dass sie klar verständlich sind. Dazu kommt, dass wichtige Zustände wie der aktive Navigationspunkt oder Fehlerhinweise nicht zuverlässig wahrnehmbar sind.

    Auswirkung: Ich kann Formulare nicht sicher ausfüllen, weil ich nicht erkenne, welches Feld wofür gedacht ist oder ob eine Auswahl korrekt war. Wenn ich einen Fehler mache, merke ich das unter Umständen zu spät und muss den Vorgang wiederholen.

  • Pflichtfeld- und Fehlerhinweise kommen zu spät oder gar nicht an

    Der Hinweis zu Pflichtfeldern steht erst am Ende des Formulars, und bei einem fehlerhaften mehrzeiligen Feld fehlt eine sichtbare Markierung sowie eine Fehlermeldung unterhalb. Dadurch sind Eingabeanforderungen und Fehler nicht gut erkennbar.

    Auswirkung: Ich kann leichter ein unvollständiges Formular absenden, ohne zu merken, was fehlt. Das kostet Zeit und kann dazu führen, dass ich Anfragen abbrechen oder erneut senden muss.

  • Automatisch startender Teaser lässt sich auf kleinen Bildschirmen nicht stoppen

    Auf kleinen Bildschirmen startet ein Teaser automatisch und kann dort nicht über den vorgesehenen Pause-Button angehalten werden. Damit bleibt ein bewegtes Seitenelement aktiv, obwohl es eigentlich stoppbar sein sollte.

    Auswirkung: Ich werde durch die Bewegung abgelenkt und kann mich schlechter auf den Inhalt konzentrieren. Wenn ich empfindlich auf Bewegung reagiere, kann das die Nutzung erheblich erschweren.

  • Untertitel und Video-Steuerelemente sind schlecht lesbar

    Auf der Videoseite ist der Kontrast der Untertitel zu gering, und auch die weißen Bedienelemente des Players heben sich zu wenig vom Hintergrund ab. Dadurch sind sowohl Text als auch Bedienung schwerer wahrnehmbar.

    Auswirkung: Ich kann Untertitel nicht zuverlässig lesen und das Video schlechter bedienen. Das kann dazu führen, dass ich Inhalte verpasse oder die Medienfunktion nicht sinnvoll nutzen kann.

  • Wichtige Bedienelemente und Zustände sind im Hochkontrastmodus schwer erkennbar

    Mehrere Icons, das Logo, das Untermenü und der Such-Dialog sind im Hochkontrastmodus schlecht unterscheidbar. Auch der aktive Zustand in der Navigation ist dort nicht sichtbar.

    Auswirkung: Ich kann nicht sicher erkennen, welches Element gerade aktiv ist oder was ich anklicken soll. Dadurch fällt die Orientierung auf der Seite deutlich schwerer.

  • Such- und Filterergebnisse werden für Screenreader nicht zuverlässig gemeldet

    Nach einer Filterung oder Suche werden Statusmeldungen nicht sofort so ausgegeben, dass Screenreader sie sicher erkennen. Auch die Überschrift der Suchseite ist wenig aussagekräftig.

    Auswirkung: Ich merke unter Umständen nicht, dass meine Suche neue Ergebnisse geliefert hat, und weiß nicht, ob mein Filter funktioniert hat. Dadurch suche ich länger und unsicherer.

  • Screenreader erhält wichtige Inhalte in falscher oder unklarer Reihenfolge

    Einige Inhalte werden nicht in der logischen Reihenfolge ausgegeben, etwa Bildhinweise oder begleitende Texte an unerwarteter Stelle. Dadurch wird der Zusammenhang von Inhalt und Erklärung gestört.

    Auswirkung: Ich verstehe Inhalte schlechter, weil ich Beschriftungen oder Hinweise an einer Stelle höre, an der sie inhaltlich nicht hingehören. Das macht das Erfassen der Seite deutlich anstrengender und kann zu Fehlinterpretationen führen.

  • Logo und bestimmte grafische Inhalte werden nicht sinnvoll beschrieben

    Mehrere Logos haben keinen verwertbaren Alternativtext oder sind für Screenreader ausgeblendet, obwohl sie auf der Seite sichtbar sind. Auch andere grafische Bedienelemente sind nicht beschriftet.

    Auswirkung: Ich bekomme wichtige visuelle Hinweise nicht mit und kann den Seitenaufbau schlechter einordnen. Wenn ein Symbol eine Funktion hat, kann ich sie unter Umständen gar nicht erkennen.

  • Sprache einzelner Bedienelemente ist nicht eindeutig ausgezeichnet

    Auf der Suche und im Formular tauchen englische Texte und Schalter auf, die sprachlich nicht als Englisch gekennzeichnet sind. Für Screenreader kann dadurch die Aussprache oder das Verständnis irritierend sein.

    Auswirkung: Ich verstehe einzelne Bedienelemente oder Hinweise möglicherweise falsch und muss Inhalte mehrfach prüfen. Das verlangsamt besonders die Nutzung mit Screenreader.

  • Autocomplete-Unterstützung für persönliche Daten fehlt

    Formularfelder für Nutzerdaten sind nicht mit passenden Autocomplete-Angaben versehen. Dadurch können Browser und Hilfsmittel Eingaben nicht so gut unterstützen.

    Auswirkung: Ich muss persönliche Daten häufiger manuell eintippen und mache eher Eingabefehler. Das Formular wird dadurch unnötig aufwendiger, besonders auf mobilen Geräten oder mit Hilfstechnologien.

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 126.0.6478.183
Screenreader
NVDA 2024.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator (https://validator.w3.org/nu/), WCAG Parsing Bookmarklet (https://cdpn.io/pen/debug/VRZdGJ)

Veränderung nach WCAG-Kriterien

22.07.2024 Vereinfachte Überwachung
angezeigtes 12 nicht bestanden 3 weitgehend 39 bestanden
27.09.2022 Vereinfachte Überwachung Gutachten ansehen
18 nicht bestanden 1 weitgehend 35 bestanden
  • https://www.eu-gleichbehandlungsstelle.de/eugs-start Web-Angebot öffnen
  • https://www.eu-gleichbehandlungsstelle.de/eugs-de/content/1814578!search?query=EU
  • https://www.eu-gleichbehandlungsstelle.de/eugs-de/eu-buerger/beratungsanfrage ⓘ
  • https://www.eu-gleichbehandlungsstelle.de/eugs-de/aktuelles/veranstaltungen
  • https://www.eu-gleichbehandlungsstelle.de/resource/blob/1872546/2267034/9941a37906af536f3ba4b0611839d9b6/familienleistungen-bf-data.pdf?download=1

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Layoutgrafiken nach dem Chat werden nicht für Screenreader ausgeblendet. Formularseite: grafischer Schalter für Bereichsnavigation ohne Beschriftung für Screenreader. Alle Seiten: Logos werden über aria-hidden hidden bzw. haben keinen Alternativtext.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Fragen und Antworten im Chat sind nicht gruppiert oder beschriftet, Frage wird beim Fokus nicht ausgegeben. Suchseite: Kalender-Icon und Pfeil-Icons im Hochkontrastmodus kaum wahrnehmbar. Formularseite: Radiobuttons ohne Gruppenbeschriftung, aktiver Status im Hochkontrastmodus nicht sichtbar. Alle Seiten: Logo und Untermenü/Such-Dialog im Hochkontrastmodus schlecht unterscheidbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite: Text „Foto: shutterstock“ wird nach dem Teaser ausgegeben, nicht nach dem Bild. Such- und Inhaltsseite: Hinweistext vor Eingabefeld statt davor.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Formularfelder für Nutzerdaten sind nicht mit autocomplete-Attribut ausgezeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Videoseite: Kontrastverhältnis weißer Text auf grauem Hintergrund beim Untertitel mit 3,5:1 zu gering.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Videoseite: Kontrast der weißen Bedienelemente beim Video-Player zum Hintergrund zu gering.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Auf kleinen Bildschirmen kann automatisch gestarteter Teaser nicht über Pause-Button gestoppt werden.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Suchseite: Hauptüberschrift mit „Content“ ist nicht aussagekräftig.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Suchseite: Schalter „Zurück“ und „Weiter“ in englischer Sprache. Such- und Formularseite: englische Texte im Formular nicht ausgezeichnet.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Mehrzeiliges Eingabefeld wird bei Fehler nicht visuell hervorgehoben und keine Fehlermeldung unterhalb ausgegeben.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Formularseite: Radiobuttons nicht korrekt gruppiert, Gesamtanzahl bei Fokus nicht korrekt ausgegeben. Formular- und Inhaltsseite: aktiver Navigationspunkt nur visuell hervorgehoben, Screenreader-Nutzer nehmen ihn nicht wahr.
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht bestanden Such- und Inhaltsseite: Statusmeldungen nach Filterung für Screenreader nicht sofort wahrnehmbar.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Alle Seiten: Dokumenttitel enthält individuelle Bezeichnung der Seite, nennt jedoch nicht das Angebot.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		im Wesentlichen bestanden Alle Seiten: kompletter Cookie-Banner erhält Fokus, ist kaum sichtbar.
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden Formularseite: Hinweis zur Bedeutung der Pflichtfelder wird erst am Ende des Formulars ausgegeben.

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden –
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden –
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden –
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden –
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.7
Tastaturfokus ist sichtbar 		bestanden –
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden –
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden –
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden –
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden –
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden –
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden –
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden Ergebnis der formalen Prüfung: nicht bestanden (Hinweis bezieht sich auf Gesamtbewertung).
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 Hinweis: Dokument ist PDF/UA-konform, aber nicht konform zu WCAG 2.1, z. B. Kontrastabstand mancher Texte zum Hintergrund zu gering.

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