Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Mehrere schwerwiegende Screenreader-Probleme (fehlende H1, unklare Alternativtexte, Fokus-Sprünge, unzureichende Skip-Links und ARIA-Auszeichnungen) erschweren Orientierung und Bedienung deutlich, machen die Seite aber nicht völlig unbenutzbar.
Sehbehinderung
Mit Hindernissen nutzbar
Kontrastprobleme werden nicht berichtet, aber die Orientierung leidet durch nur farblich markierten aktiven Menüpunkt, unklare Seitentitel und Domainwechsel ohne Hinweis.
Hörbehinderung
Fast barrierefrei
Es werden keine audio- oder videoabhängigen Inhalte bzw. Mängel beschrieben, sodass gehörlose Menschen weitgehend uneingeschränkt lesen und nutzen können.
Motorische Behinderung
Mit Hindernissen nutzbar
Fehler bei Fokussteuerung, unzureichende Skip-Links und teils nicht mit Maus erreichbare Untermenüs beeinträchtigen die effiziente Tastatur- und Mausbedienung deutlich.
Lernbehinderung
Mit Hindernissen nutzbar
Fehlende Leichte Sprache, unklare Navigation, Domainwechsel ohne Hinweis und wenig unterstützende Fehlermeldungen erschweren Verständnis und Orientierung stark.
Neurodivergenz
Mit Hindernissen nutzbar
Unklare Struktur (Überschriften, Seitentitel), Fokus-Sprünge und unerwartete Domainwechsel können zu Überforderung führen, erlauben aber mit Aufwand prinzipiell eine Nutzung.
Hinweis: Diese Einschätzung 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.
Die dokumentierten Verstöße eliminieren, etwa durch semantische Kennzeichnung von Logos und dekorativen Elementen, Verbesserung der Navigation (Skip-Links, Fokussteuerung, aktive Menüpunkte, Seitentitel), konkrete Linkbeschriftungen, Fehlerkennzeichnung sowie Bereitstellung eines vollständigen Angebots in Leichter Sprache inklusive Hinweise zum Domainwechsel.
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.1.1 Trennlinie wird von Screenreadern als Inhalt ausgegeben |
nicht bestanden | Trennlinien, die keine semantische Bedeutung haben, als dekorativ kennzeichnen (z. B. aria-hidden="true" oder Verzicht auf unnötige semantische Elemente) damit Screenreader sie nicht als Inhalte ausgeben. |
|
9.1.1.1 Logos sind nicht als Logos ausgezeichnet |
nicht bestanden | Logos mit aussagekräftigem Alternativtext versehen, der Funktion und Kontext (z. B. Link zur Startseite) beschreibt, damit assistive Technologien die Bedeutung erkennen. |
|
9.1.1.1 Schriftgrafik des Hilfetelefons gibt für Screenreader-Nutzende nur die Telefonnummer aus |
nicht bestanden | Alternativtext erweitern und sowohl Telefonnummer als auch Zweck des Angebots beschreiben, z. B. „Hilfetelefon Gewalt gegen Frauen – 08000 116 016“, damit der Kontext vollständig übermittelt wird. |
|
9.1.1.1 Copyright-Angaben werden von Screenreadern ausgegeben, Bilder haben teilweise keinen inhaltlichen Mehrwert |
nicht bestanden | Dekorative Bilder mit leerem alt-Attribut oder aria-hidden="true" versehen und übermäßige Copyright-Hinweise vermeiden, damit Screenreader keine irrelevanten Informationen vorlesen. |
|
9.1.3.1 Überschriftenebenen sollten nur jeweils um eins steigen |
nicht bestanden | Überschriftenhierarchie so strukturieren, dass jede Ebene maximal um eine Stufe steigt oder sinkt, um die semantische Gliederung nachvollziehbar zu machen. |
|
9.1.3.1 Listeneintrag mit einem Element |
nicht bestanden | Interaktive Elemente nicht als Liste mit nur einem Eintrag auszeichnen, um unnötige Erwartungen bei Screenreader-Nutzenden zu vermeiden. |
|
9.1.3.1 Die Seite enthält keine Überschrift der ersten Ebene |
nicht bestanden | Eine semantisch korrekte <h1>-Überschrift einfügen, die das Hauptthema der Seite beschreibt und als Einstiegspunkt für assistive Technologien fungiert. |
|
9.1.4.1 Aktiver Menüpunkt ist ausschließlich über Farbe erkennbar |
nicht bestanden | Aktiven Navigationspunkt zusätzlich zur Farbänderung mit weiteren Merkmalen (z. B. Symbol, Unterstreichung, aria-current="page") kennzeichnen, damit alle Nutzenden die aktuelle Position erkennen. |
|
9.2.4.1 Es ist nur ein Skip-Link zum Hauptinhalt vorhanden |
nicht bestanden | Mehrere Skip-Links anbieten, die Navigation, Suche, Hauptinhalt und Footer gezielt ansteuerbar machen und am Anfang der Seite sichtbar sind. |
|
9.2.4.2 Im Seitentitel fehlen spezifische Angaben wie der Name der Start- oder Inhaltsseite |
nicht bestanden | Für jede Unterseite einen eindeutigen Titel mit Seitenzweck und Website-Namen formulieren, um Orientierung und Auffindbarkeit zu verbessern. |
|
9.2.4.4 Titel-Attribut und sichtbare Beschriftung des Links sind identisch |
nicht bestanden | Das title-Attribut nur verwenden, wenn es zusätzlichen Informationsgehalt liefert; ansonsten weglassen, um redundante Ausgaben zu vermeiden. |
|
9.4.1.2 Eingeklapptes Untermenü, ist visuell nicht erkennbar und ist per Maus nicht erreichbar |
nicht bestanden | Menüstruktur konsistent gestalten, Untermenüs visuell kennzeichnen und sowohl per Maus als auch Tastatur erreichbar machen (aria-haspopup, aria-expanded). |
|
9.4.1.2 Fehlende Screenreader-Benachrichtigung über Vorschlagliste |
nicht bestanden | Vorschlagsliste als Live-Region (z. B. aria-live="polite" oder role="status") auszeichnen und Statusmeldung bei Auswahl ergänzen, damit Screenreader Nutzende über Einblendung informiert werden. |
|
9.2.4.3 Fokus wird nach Interaktionen auf den Seitenanfang gesetzt |
nicht bestanden | Nach Aktionen den Fokus auf eine sinnvolle Stelle (z. B. Überschrift „Suchergebnisse“ oder erstes Ergebnis) oder das zuvor aktive Steuerelement zurückführen, um den Bedienfluss zu erhalten. |
|
9.3.2.2 Nach Absenden der Suche erfolgt ein Domainwechsel ohne Hinweis |
nicht bestanden | Domainwechsel deutlich kommunizieren, z. B. durch visuellen oder textlichen Hinweis („Sie befinden sich jetzt auf familienplanung.de“) oder Warnung vor Absenden der Suche. |
|
9.3.3.2 Pflichtfelderläuterung ist nicht vorhanden |
nicht bestanden | Kurze Erläuterung zur Bedeutung des Asterisk z. B. über Text oberhalb des Formulars oder im Label ergänzen und Pflichtfelder mit aria-required="true" kennzeichnen. |
|
9.3.3.3 Fehlermeldung ist zu generisch und bietet keine spezifische Hilfe |
nicht bestanden | Fehlermeldungen genau benennen, welches Feld betroffen ist, und konkrete Hinweise geben, wie die Eingabe korrekt erfolgen soll. |
|
9.4.1.2 Paginierung der Suche wird via Screenreader nur als generische Navigation ausgegeben |
nicht bestanden | Paginierung semantisch als solche auszeichnen (z. B. aria-label="Suchergebnisnavigation" oder aria-roledescription="Paginierung") und Elemente mit verständlichen Beschreibungen versehen. |
|
Hinweise zur Navigation (Leichter Sprache) / Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit (Leichter Sprache) / Hinweise auf weitere vorhandene Informationen in Leichter Sprache Kein vollständiges Angebot in Leichter Sprache |
nicht bestanden | Das vollständige Angebot in Leichter Sprache bereitstellen (Navigation, Erläuterung der wesentlichen Inhalte, Hinweise auf weitere Informationen), wie nach § 4 BITV 2.0 erforderlich. |
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 27.02.2025
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 11.06.2024