Staatliches Gutachten zur digitalen Barrierefreiheit

www.hilfe-info.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader (Alternativtexte, Struktur, Lesereihenfolge, Skiplinks, Fokusreihenfolge, Linkzwecke, Name/Rolle/Wert) sind nicht bestanden, bei ansonsten guter Tastatur- und Kontrastunterstützung.

Sehbehinderung Weitgehend zugänglich

Kontraste, Skalierbarkeit, Textabstände und Layout-Umbrechen sind weitgehend gut, aber einzelne Bedienelemente haben zu wenig Kontrast und einige Icons/Buttons sind nur eingeschränkt erkennbar.

Hörbehinderung Weitgehend zugänglich

Untertitel für Videos und ein Gebärdensprach-Video sind vorhanden, jedoch fehlen Textalternativen für Audio-only-Inhalte und Leichte Sprache ist nur teilweise umgesetzt.

Motorische Behinderung Weitgehend zugänglich

Seite ist vollständig tastaturbedienbar, ohne Tastaturfallen und ohne komplexe Zeigergesten, lediglich einzelne schlecht beschriftete oder kontrastarme Steuerelemente erschweren die Nutzung.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und klare Sprache sind positiv, aber Probleme bei Struktur/Lesereihenfolge, Formularführung, Fehlermeldungen und nur teilweise vorhandener Leichter Sprache erschweren das Verständnis.

Neurodivergenz Weitgehend zugänglich

Fehlende Ablenkungsprobleme, konsistente Navigation und steuerbare Animationen sind gut, jedoch führen unklare Fokusreihenfolge, strukturbedingte Verwirrung und teilweise komplexe Formulare zu Belastungen.

Veränderung

Aktuell angezeigt
10 gefundene Barrieren unverändert
7,4/10 Ø Schwere +0,2 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Unbeschriftete Bedienelemente im Chatbot

    Einige Schalter im Chatbot, etwa für Hilfe-Lotse und Schließen, haben keine Beschriftung. Außerdem sind Comboboxen über ihre erste Option statt über einen klaren Zweck beschrieben.

    Auswirkung: Ich kann nicht erkennen, wofür ein Knopf oder Auswahlfeld da ist. So kann ich Funktionen versehentlich auslösen oder wichtige Hilfeangebote nicht nutzen.

  • Fehlende Alternativtexte für wichtige Inhalte

    Einige Bilder, Icons, das Logo, der Captcha-Hinweis und Cover von Publikationen sind nicht ausreichend beschrieben. Dadurch werden diese Inhalte für Screenreader-Nutzende nicht verständlich vermittelt.

    Auswirkung: Ich erfasse wichtige Informationen auf Bildern oder Symbolen nicht. Wenn der Zugang zu Formularen oder Publikationen davon abhängt, komme ich ohne fremde Hilfe nicht weiter.

  • Lesereihenfolge ist nicht sinnvoll

    Inhalte werden offenbar in einer Reihenfolge ausgegeben, die nicht der visuellen oder inhaltlichen Struktur entspricht. Für Screenreader kann dadurch der Zusammenhang zwischen Überschriften, Texten und Bedienelementen verloren gehen.

    Auswirkung: Ich verstehe die Seite schlechter, weil Informationen in einer verwirrenden Reihenfolge kommen. Besonders bei längeren Seiten kann ich Inhalte nicht zuverlässig erfassen.

  • Skiplinks führen nicht zum richtigen Ziel

    Sprunglinks zum Überspringen wiederkehrender Bereiche funktionieren nicht korrekt und landen nicht im gewünschten Seitenbereich. Dadurch wird das schnelle Überspringen von Navigation und anderen Wiederholungen verhindert.

    Auswirkung: Ich muss mich durch wiederkehrende Seitenteile arbeiten, obwohl ich direkt zum Inhalt springen möchte. Das kostet Zeit und macht die Bedienung mühsam.

  • Fokusreihenfolge ist verwirrend

    Nach dem Öffnen des Sucheingabefeldes muss offenbar zuerst das Menü geöffnet werden, und Screenreader landen außerdem bei versteckten Audio-Playern. Die Bedienreihenfolge passt damit nicht zur erwarteten Nutzung.

    Auswirkung: Ich verliere die Orientierung beim Navigieren mit Tastatur oder Screenreader. Dadurch finde ich gesuchte Funktionen langsamer oder nur mit Umwegen.

  • Audio-Inhalte ohne Textalternative

    Auf der Startseite gibt es Audio-Inhalte, für die keine passende Textalternative wie ein Transkript vorliegt. Hörbeeinträchtigte Personen erhalten den Inhalt dadurch nicht vollständig.

    Auswirkung: Ich kann den Inhalt der Audiodatei nicht erfassen, wenn ich nicht hören kann. Wichtige Hinweise oder Informationen bleiben mir dann verborgen.

  • Unverständliche Formular- und Statushinweise

    Pflichtfelder sind im Formular nicht klar als solche erkennbar, und Hinweise zu Pflichtangaben fehlen im Formularbereich. Auch der Schalter „Neuladen“ ist unklar beschriftet.

    Auswirkung: Ich weiß beim Ausfüllen nicht sicher, was erforderlich ist und was ein Steuerelement bewirkt. Das erhöht die Fehlerquote und verlangsamt die Nutzung deutlich.

  • Linkzwecke sind nicht erkennbar

    Mehrere Links, etwa Social-Media-Links im Footer und Teaser auf der Startseite, sind nicht eindeutig beschrieben. Aus dem Linktext allein wird nicht klar, wohin der Link führt oder was ich dort erhalte.

    Auswirkung: Ich kann nicht sicher entscheiden, ob ein Link für mein Anliegen relevant ist. Das macht die Navigation besonders für Screenreader-Nutzende unnötig kompliziert.

  • Fehlermeldungen nur als Pop-up am Feld

    Fehlermeldungen erscheinen direkt am Eingabefeld als Pop-up statt klar und dauerhaft im Textfluss. Das kann dazu führen, dass Meldungen übersehen oder schlecht zugeordnet werden.

    Auswirkung: Ich merke vielleicht nicht sofort, was ich korrigieren muss. Dadurch bleibe ich beim Absenden von Formularen eher hängen.

  • Wichtige Symbole und Buttons sind schlecht erkennbar

    Der Reload-Button und der Chatbot haben zu wenig Kontrast zum Hintergrund. Solche Bedienelemente sind dadurch für Menschen mit eingeschränktem Sehvermögen schwerer wahrnehmbar.

    Auswirkung: Ich finde manche Schaltflächen erst spät oder gar nicht. Dadurch kann ich Funktionen wie Neuladen oder den Chatbot schlechter nutzen.

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
Browser
Google Chrome Version 121.0.6167.86 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

13.02.2024 Vereinfachte Überwachung
angezeigtes 11 nicht bestanden 3 weitgehend 40 bestanden
19.09.2022 Vereinfachte Überwachung Gutachten ansehen
17 nicht bestanden 5 weitgehend 32 bestanden
  • https://www.hilfe-info.de/WebS/hilfeinfo/DE/Home/home_node.html Web-Angebot öffnen
  • https://www.hilfe-info.de/SiteGlobals/Forms/WebS/hilfeinfo/Suche/Servicesuche_Formular.html;jsessionid=859CDB5F15B0BA7FE04D6CB5A3D139A1.2_cid507?nn=14272738&resourceId=14272270&input_=14272738&pageLocale=de&templateQueryString=Berlin&submit=
  • https://www.hilfe-info.de/WebS/hilfeinfo/DE/Service/Kontakt/kontakt_node.html ⓘ
  • https://www.hilfe-info.de/WebS/hilfeinfo/DE/HilfeUndBeratung/Hilfeundberatung_node.html
  • https://www.hilfe-info.de/WebS/hilfeinfo/SharedDocs/Publikationen/DE/Opferfibel.pdf?__blob=publicationFile&v=13

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Logobeschriftung anpassen; Icons auf Startseite und weitere Icons als dekorativ kennzeichnen; Captcha alternativ beschreiben; Publikations-Cover mit beschreibendem Alt-Text versehen.
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht bestanden Audio-Dateien auf der Startseite benötigen Medien-Alternativen wie Transkriptionen für hörbeeinträchtigte Nutzer.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Silbentrennung mit ­ führt zu unverständlicher Ausgabe; Cookie-Hinweis nicht an erster Stelle und fehlt Hinweis; Schalter 'Neuladen' unklar; Pflichtfelder-Markierung nicht zu Beginn des Formulars; Pflichtfeldinformation fehlt im Formularbereich.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden –
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Reload-Button (weiß) hat mit 1,8:1 zu geringen Kontrast zum hellblauen Hintergrund; violetter Chatbot im Footer hat 2:1 statt 3:1 zum dunkelblauen Hintergrund.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Sprunglinks führen nicht zum gewünschten Bereich der Seite.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Nach Öffnen des Sucheingabefeldes muss zuerst Menü geöffnet werden; ScreenReader navigieren zu allen Audio-Playern, auch versteckte.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Social-Media-Links im Footer besitzen keine Beschreibung; Teaser auf der Startseite geben Linkzweck nicht eindeutig wieder.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden WCAG-relevante Syntaxfehler vorhanden.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Chatbot-Hilfe-Lotse-Schalter fehlen Beschriftung; Chatbot-Schließen-Schalter unlabeled; Comboboxen verwenden erste Option zur Beschreibung des Zwecks, was verwirrend ist.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Seite vorhanden, aber Erstell-/Aktualisierungsdatum älter als ein Jahr, somit formal nicht korrekt.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		im Wesentlichen bestanden Verweis auf Position im Text zum Kontaktformular ist für blinde Nutzer nicht hilfreich.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden Fehlermeldungen werden am Eingabefeld als Pop-Up ausgegeben.
A.3
Leichte Sprache ist vorhanden 		im Wesentlichen bestanden Navigation und Erklärung zur Barrierefreiheit müssen ebenfalls in Leichter Sprache angeboten werden.

Bestanden

Kriterium Status Notizen
WCAG 1.2.2
Aufgezeichnete Videos 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.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden Suchergebnisse heben das gesuchte Wort nur durch Farbe hervor.
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend 		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.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		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.1.2
Abweichende Sprache einzelner Abschnitte 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.2
Label enthalten Eingabehinweise 		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.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –
B.1
PAC 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.

Jetzt via Steady unterstützen