Staatliches Gutachten zur digitalen Barrierefreiheit

www.dza.de

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 27.03.2023 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, unklare Überschriftenstruktur, Probleme bei Blöcken überspringen, Navigation, Fokus und unzugängliche PDFs erschweren Screenreader-Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Schwacher Kontrast bei Eingabefeldern, fehlende sichtbare Fokusindikatoren und Schriftgrafik im Logo beeinträchtigen Orientierung und Lesbarkeit stark.

Hörbehinderung Mit Hindernissen nutzbar

Die Website ist überwiegend textbasiert nutzbar, aber es fehlen verpflichtende Gebärdensprachinhalte, was insbesondere gehörlose Nutzer:innen einschränkt.

Motorische Behinderung Mit Hindernissen nutzbar

Fehlerhafte Fokusreihenfolge, fehlender sichtbarer Fokus und problematische Flyout-Menüs erschweren die reine Tastaturbedienung deutlich.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unklare Struktur, unübersichtliche Navigation und unzugängliche PDFs machen Verständnis und Orientierung für Menschen mit kognitiven Einschränkungen stark schwierig.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Struktur, problematische Fokusführung und fehlende vereinfachte Erläuterungen können Überforderung und Orientierungsprobleme verursachen, lassen die Seite aber nicht völlig unbenutzbar erscheinen.

Veränderung

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

Dokumentierte Barrieren

  • Flyout-Menü bleibt nicht zuverlässig bedienbar

    Das Hauptnavigationsmenü klappt beim Bewegen der Maus sofort wieder zu und lässt sich nicht per Escape oder Klick auf das Auslöseelement schließen. Eingeblendete Inhalte verhalten sich damit nicht stabil und vorhersehbar.

    Auswirkung: Ich verliere den Zugriff auf das Menü, sobald ich die Maus oder die Tastatur nicht genau passend einsetze. Für mich kann die Navigation dadurch blockiert oder stark erschwert werden.

  • PDF-Dokument ohne zugängliche Struktur

    Das geprüfte PDF ist nicht mit Tags versehen und enthält keine für Screenreader erkennbare Gliederung. Überschriften und Datentabellen sind dadurch nicht sauber erschließbar.

    Auswirkung: Ich kann das Dokument nicht sinnvoll lesen, wenn ich auf Hilfstechnologien angewiesen bin. Wichtige Informationen darin sind für mich nur schwer oder gar nicht nutzbar.

  • Unbeschriftete Symbolbuttons und Logo ohne Alternativtext

    Mehrere wichtige grafische Bedienelemente sind nicht mit einem verständlichen Alternativtext versehen. Dazu gehören das Logo sowie die Schaltflächen für Twitter, Suche und Drucken.

    Auswirkung: Ich kann nicht erkennen, wofür die Symbole stehen oder was beim Anklicken passiert. Wenn ich den Screenreader nutze, ist die Bedienung dieser Funktionen für mich praktisch nicht möglich.

  • Tastaturfokus ist nicht sichtbar

    Bei wichtigen Elementen wie Menübuttons und Sprunglinks ist der Tastaturfokus nicht erkennbar. Dadurch fehlt eine sichtbare Orientierung, wo ich mich gerade befinde.

    Auswirkung: Ich weiß beim Bedienen mit der Tastatur nicht, welches Element gerade aktiv ist. Das macht die Nutzung unsicher und kann dazu führen, dass ich Funktionen verpasse oder falsch auslöse.

  • Unklare Seitenstruktur durch fehlerhafte Überschriften

    Die Überschriften sind auf den Seiten nicht sauber und logisch aufgebaut. Es gibt zum Beispiel eine h2 am Seitenanfang statt einer h1 und falsch verschachtelte Überschriftenebenen.

    Auswirkung: Ich kann mir die Inhalte schwer erschließen und nicht schnell von Abschnitt zu Abschnitt springen. Für mich wirkt die Seite unübersichtlich und deutlich anstrengender zu bedienen.

  • Bedienelemente sind per Spracheingabe schwer ansprechbar

    Bei einzelnen Bedienelementen ist der sichtbare Text nicht im zugänglichen Namen enthalten. Sprachsteuerung kann diese Elemente deshalb nicht zuverlässig erkennen.

    Auswirkung: Wenn ich mit Spracheingabe arbeite, kann ich die Schaltflächen möglicherweise nicht auslösen. Das schränkt eine wichtige alternative Bedienform deutlich ein.

  • Schlecht erkennbare Eingabefelder durch geringen Kontrast

    Die Konturen der Eingabefelder im Kontaktformular heben sich nur schwach vom Hintergrund ab. Die Bedienelemente sind dadurch visuell schwer zu erkennen.

    Auswirkung: Ich kann die Felder leichter übersehen oder verwechseln. Gerade bei eingeschränktem Sehvermögen wird das Ausfüllen unnötig erschwert.

  • Keine Sprungmöglichkeiten zu Inhaltsbereichen

    Es fehlen Sprunglinks sowie klar benannte Bereiche, um direkt zu wichtigen Seitenabschnitten zu wechseln. Mehrfach verwendete Navigationsbereiche sind nicht eindeutig unterscheidbar.

    Auswirkung: Ich muss mich durch viele wiederkehrende Inhalte tabben oder lesen, bevor ich zum eigentlichen Inhalt komme. Das kostet Zeit und macht die Orientierung besonders für Screenreader-Nutzende schwer.

  • HTML-Fehler können Assistenztechnik stören

    Auf den geprüften Seiten gibt es ungültige HTML-Syntax. Dadurch kann die Struktur für Hilfstechnologien uneindeutig werden.

    Auswirkung: Ich kann auf inkonsistente oder fehlerhafte Ausgabe durch meinen Screenreader stoßen. Inhalte können dadurch falsch oder unvollständig wahrgenommen werden.

  • Keine Inhalte in Gebärdensprache

    Es fehlt eine Gebärdensprachseite mit Videos zu Navigation, Hauptinhalten und zur Erklärung der Barrierefreiheit. Damit werden zentrale Informationen nicht in der benötigten Form bereitgestellt.

    Auswirkung: Wenn ich auf Gebärdensprache angewiesen bin, bekomme ich wichtige Informationen nicht in passender Form. Das betrifft besonders den Einstieg und das Verständnis der Website.

  • Kontaktformular ohne passende Eingabehilfen

    Die Eingabefelder im Kontaktformular sind nicht mit passenden autocomplete-Informationen versehen. Dadurch erkennt das System den Zweck der Felder nicht zuverlässig.

    Auswirkung: Ich muss Daten häufiger manuell eingeben und bekomme keine hilfreichen Vorschläge. Das macht das Ausfüllen langsamer und fehleranfälliger.

  • Keine Informationen in Leichter Sprache

    Es gibt keine eigene Seite mit Erläuterungen in Leichter Sprache. Damit fehlen vereinfachte Hinweise zur Navigation, zur Barrierefreiheit und zu weiteren Angeboten.

    Auswirkung: Wenn ich einfache Sprache brauche, muss ich mich durch schwer verständliche Inhalte arbeiten. Das erschwert mir Orientierung und Verständnis erheblich.

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 (Version 1909)
Browser
Firefox (Version 88.0.1)
Screenreader
NVDA (Version 2020.3)
Auflösung
1920 × 1080
Tools
Colour Contrast Analyser (Version 3.1.1), PDF Accessibility Checker 3 (Version 3.0.7.0)

Veränderung nach WCAG-Kriterien

27.03.2023 Vereinfachte Überwachung Gutachten ansehen
16 nicht bestanden 0 weitgehend 38 bestanden
17.05.2021 eingehende Überwachung
angezeigtes 10 nicht bestanden 7 weitgehend 0 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
27.03.2023 Vereinfachte Überwachung Ja 16 0 38
17.05.2021 eingehende Überwachung Nein 10 7 0

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente
nicht bestanden Das Logo sowie die Symbolschaltflächen zum Öffnen von Twitter, Suche und Druck besitzen kein beschreibendes alt-Attribut, daher erfahren Screenreader-Nutzer:innen nicht, welches Ziel oder welche Funktion die Bedienelemente haben.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften
nicht bestanden Die Überschriftenlevel sind auf allen geprüften Seiten inkonsistent (h2 am Seitenanfang statt h1, falsch verschachtelte h3 usw.); ergänzen Sie (auch unsichtbare) h1/h2-Elemente, damit assistive Technologien die Seitenstruktur korrekt erfassen können.
4.9.1.3.5
Eingabezweck bestimmen
nicht bestanden Eingabefelder im Kontaktformular enthalten keine autocomplete-Attribute, sodass User:innen keine passenden Eingabevorschläge erhalten; geben Sie den Zweck der Felder programmatisch an.
4.9.1.4.11
Nicht-Text-Kontrast
nicht bestanden Die Konturen der Eingabefelder im Kontaktformular liegen nur bei 1,5:1 zum Hintergrund, wodurch fehlsichtige Nutzende Probleme beim Erkennen der Feldelemente haben; erhöhen Sie den Kontrast auf mindestens 3:1.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben oder Fokus
nicht bestanden Das Hauptnavigationsmenü schließt, sobald die Maus vom Menüpunkt wegbewegt wird, und kann nicht mit Escape oder Klick auf das Auslöseelement geschlossen werden, daher bleiben eingeblendete Inhalte nicht bedienbar.
4.9.2.4.7
Fokus sichtbar
nicht bestanden Der Tastaturfokus ist bei wichtigen Elementen (z. B. Menübuttons, Sprunglinks) nicht sichtbar. Da auch Sprunglinks nicht erkennbar sind, fehlt Tastaturnutzer:innen eine Positionsanzeige; definieren Sie klare Fokusindikatoren.
4.9.4.1.1
Syntaxanalyse
nicht bestanden Die HTML-Syntax ist auf den geprüften Seiten nicht valide (siehe W3C-Checker); beheben Sie die Fehlermeldungen, damit Assistive Technologien Inhalte zuverlässig interpretieren können.
4.14
Barrierefreiheit von Dokumenten
nicht bestanden Das geprüfte PDF „Diskussionspapier Nr. 35“ wurde nicht mit Tags versehen, Überschriften und Datentabellen können vom Screenreader nicht erkannt werden; strukturieren Sie das Dokument mit stichwortartigen Tags und Tabellenstrukturen.
5.3
Erläuterungen in Leichter Sprache
nicht bestanden Es existiert keine Seite mit Erläuterungen in Leichter Sprache; realisieren Sie eine Informationsseite mit Navigationserläuterungen, Erklärung zur Barrierefreiheit und Hinweis auf weitere Leichte-Sprache-Angebote.
5.4
Erläuterungen in Gebärdensprache
nicht bestanden Es fehlt eine Gebärdensprachseite mit Videoinhalten zu Navigation, Hauptinhalten und Erklärung zur Barrierefreiheit; stellen Sie die geforderten Videoerläuterungen bereit.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.c
Leere alt-Attribute für Layoutgrafiken
im Wesentlichen bestanden Dekorative Grafiken auf der Startseite enthalten keinen leeren alternativen Text, sodass Screenreader irrelevanten Inhalt vorlesen und Orientierung erschweren; setzen Sie alt="" für rein dekorative Elemente.
4.9.1.4.5
Bilder von Text
im Wesentlichen bestanden Das Logo wird als Schriftgrafik ausgeliefert, skaliert schlecht beim Vergrößern und der Alternativtext enthält nicht den gesamten Textinhalt; ersetzen Sie die Grafik durch echten Text oder liefern Sie eine vollständige Textalternative.
4.9.2.4.1
Blöcke überspringen
im Wesentlichen bestanden Es fehlen Sprunglinks, eindeutige Area-Überschriften und beschriftete landmark-Regionen; insbesondere ist das mehrfach verwendete nav ohne aria-label nicht differenziert, sodass Screenreader-Nutzer:innen zwischen Inhaltsbereichen nicht springen können.
4.9.2.4.3
Fokus-Reihenfolge
im Wesentlichen bestanden Unsichtbare Elemente werden per Tabulator angesteuert, die Reihenfolge entspricht nicht der visuellen Anordnung und führt bei Tastaturnutzer:innen zu Orientierungsproblemen; entfernen Sie leere fokussierbare Ziele und passen Sie die Reihung an.
4.9.2.5.3
Beschriftung (Label) im Namen
im Wesentlichen bestanden Nutzer:innen mit Spracheingabe können Bedienelemente nicht auslösen, weil der sichtbare Text nicht Teil des zugänglichen Namens ist; ergänzen Sie die sichtbare Beschriftung im programmatisch ermittelten Namen.
5.1
Erklärung zur Barrierefreiheit
im Wesentlichen bestanden Die Erklärung existiert, nennt aber nicht vollständig die nicht barrierefreien Bereiche bzw. die Gründe dafür; ergänzen Sie fehlende Hinweise zum Umfang der Barrierefreiheit.
5.2
Feedback-Mechanismus (Erklärung zur Barrierefreiheit)
im Wesentlichen bestanden Eine elektronische Kontaktmöglichkeit ist angegeben, jedoch fehlt eine zusätzliche Telefonnummer als Alternative; ergänzen Sie mindestens einen weiteren Kanal für Feedback.

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.