Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Deutsche Telekom MMS GmbH
- Stadt
- Dresden
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
www.hilfetelefon.de
Website
nicht konform
Prüfung vom 11.09.2023
ID: #601
Soziales
öffentliche Einrichtung
Prüfbericht herunterladen (PDF)
Link kopiert!
Technische Umgebung
- OS: Windows 10 Enterprise
- Browser: Google Chrome 116.0.5845.180
- Screenreader: NVDA 2023.2
- Auflösung:
- Tools: Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
Zugänglichkeits-Analyse
KI-Schnellcheck zur Nutzbarkeit
Blindheit
Mit Hindernissen nutzbar
Viele WCAG‑A-Probleme bei Struktur, Alternativtexten, Navigation und Formularrückmeldungen erschweren Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.
Sehbehinderung
Mit Hindernissen nutzbar
Teilweise unzureichende Kontraste, nicht skalierbare Schriftgrafiken, Fokus-Sichtbarkeitsprobleme und Layout-Verschiebungen bei Textabstand beeinträchtigen die Nutzung stark.
Hörbehinderung
Weitgehend zugänglich
Fehlende Untertitel und Alternativen bei einigen Videos schränken Medieninhalte ein, der überwiegende Text- und Funktionsumfang ist aber nutzbar.
Motorische Behinderung
Weitgehend zugänglich
Tastaturbedienung und Vermeidung komplexer Zeigereingaben sind gut, aber schlecht steuerbare Hover-Menüs und teils unsichtbarer Fokus erschweren die Bedienung.
Lernbehinderung
Mit Hindernissen nutzbar
Konsistenzprobleme in Navigation, unklare Linktexte und unzureichende Fehlermeldungen belasten das Verständnis, werden aber durch Leichte-Sprache-Angebot teilweise kompensiert.
Neurodivergenz
Mit Hindernissen nutzbar
Unruhiges Karussell mit Live-Region, Fokus- und Navigationsprobleme können überfordern, zugleich sind Sprache und Struktur überwiegend vorhersagbar und ohne Zeitdruck nutzbar.
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.
Getestete Angebote
Webangebot öffnen-
https://www.hilfetelefon.de/
-
https://www.hilfetelefon.de/index.php?id=32&tx_indexedsearch_pi2[action]=search&tx_indexedsearch_pi2[controller]=Search
-
https://www.hilfetelefon.de/kontakt.html
-
https://www.hilfetelefon.de/beratung-fuer-frauen.html
-
https://www.hilfetelefon.de/materialien/videos-audios/interview-zur-beratung.html
-
https://www.hilfetelefon.de/fileadmin/content/04_Materialien/1_Materialien_Bestellen/Jahresberichte/2022/BAFZA_Hilfetelefon_Jahresbericht_Das_Jahr_in_Zahlen_2022_web_bf.pdf
Empfehlung & Status
Empfehlung
Die festgestellten Barrierefreiheitsprobleme mit WCAG-Level A sowie AA priorisiert beheben.
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite: Der Alternativtext für das erste Foto im Karussell ist identisch zur <h2>-Überschrift "Gemeinsam finden wir Antworten". * Startseite, Inhaltsseite: Nicht alle Bilder in den Kacheln haben einen aussagekräftigen Alternativtext. * Alle Seiten: Die Links unter "Seite empfehlen" und der nach-oben-Link sind nur durch einen title beschriftet und werden vom Screenreader als "unbeschriftet" ausgegeben. |
|
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel |
nicht bestanden | * Videoseite: Audio-Inhalte besitzen keine Untertitel. |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
nicht bestanden | * Videoseite: Video-Inhalte besitzen keine Alternativen. |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
nicht bestanden | * Videoseite: Video-Inhalte besitzen keine Audiodeskriptionen. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Startseite: Die Seite hat zwei <h1>-Überschriften und eine abweichende Hierarchie (z. B. <h2> gefolgt von <h4>). Kacheln und Links unter "Aktuelles" sowie die sechs Links auf der rechten Seite sind nicht als Listen strukturiert. * Suchseite: Suchergebnisse sind ebenfalls nicht als Liste strukturiert. * Such-, Kontakt- und Inhaltsseite: Jeweils zwei <h1>-Überschriften und fehlerhafte Hierarchie. * Alle Seiten: Mehrere <nav>-Bereiche ohne aria-label. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite und Inhaltsseite: Linke Navigation und Suchfeld werden vom Screenreader erst nach Karussell/Inhaltsbereich ausgegeben. * Alle Seiten außer Suchseite: Links wie "Beratung per Telefon" sind mit <br> getrennt und werden nicht zusammenhängend ausgegeben. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | * Formularseite: Nutzerdatenfelder haben kein autocomplete-Attribut. |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
nicht bestanden | * Startseite, Inhaltsseite: Schriftgrafiken in den Kacheln können nicht an individuelle Bedürfnisse angepasst werden. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Startseite: Navigationselemente des Karussells (aktiv/nicht aktiv) liegen unter 3:1. * Alle Seiten: Grauer Rahmen der Formularelemente und Twitter-Icon erfüllen 3:1 nicht. |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | * Startseite: Anpassung zeigt Ränder nicht sichtbarer Texte in den Kacheln. * Alle Seiten: "Leichte Sprache"-Link im Header überlappt, Footer-Links verschieben sich. |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
nicht bestanden | * Alle Seiten: Per Mouseover geöffnete Untermenüs im Hauptmenü lassen sich per Tastatur (z. B. ESC) nicht schließen. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Alle Seiten außer Startseite: Skiplinks verlinken immer zur Startseite statt zum Anker innerhalb der aktuellen Seite. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: Animiertes Karussell erhält Fokus, ohne Funktion. * Startseite: Unter "Aktuelles" werden zwei Links mit identischem Ziel fokussiert. * Startseite, Inhaltsseite: Kacheln fokussieren von oben nach unten statt links nach rechts, Überschriften und ganze Kachel bekommen jeweils Fokus. * Alle Seiten: Cookie-Banner erst am Ende fokussierbar und überlagert Inhalte. * Alle Seiten: "Seite anonym besuchen" und "Notausstieg" erscheinen als Links und Buttons und erhalten jeweils doppelten Fokus. * Alle Seiten: TAB führt zunächst durch Untermenü bis zum nächsten Hauptnavigationselement. * Alle Seiten: Unter "Seite empfehlen" wird zuerst das Twitter- und dann das Facebook-Icon fokussiert. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Startseite, Inhaltsseite: Mouseover-Text der Kacheln wird als Linktext ausgegeben. * Alle Seiten: Linktexte der Sprachverlinkungen im Header sind nicht aussagekräftig. * Alle Seiten: Linktext "Notausstieg" ist nicht aussagekräftig. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
nicht bestanden | * Startseite: Buttons der Karussell-Navigation sind mit "1" oder "2" beschriftet und somit nicht aussagekräftig. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Startseite: Fokus bei Links im Karussell nicht sichtbar. * Alle Seiten außer Suchseite: Fokus auf Absenden-Button der Suche nicht sichtbar; bei Fokus auf "Sofort-Chat" verschwindet Zusatztext. * Alle Seiten: Fokus auf Logo "Bundesamt für Familie…" nicht sichtbar. |
|
3.2.3 Navigation ist konsistent aufgebaut |
nicht bestanden | * Suchseite: Linke Subnavigation und Links auf der rechten Seite werden nicht angezeigt. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | * Formularseite: Nach Absenden fehlerhaften Formulars erscheint Fehlermeldung nur wenige Sekunden als Tooltip am ersten fehlerhaften Feld; benennt nicht das fehlerhafte Feld; das Feld ist visuell und programmatisch (aria-invalid) nicht wahrnehmbar. |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | * Alle Seiten: HTML enthält WCAG-relevante Syntaxfehler (z. B. Duplicate ID). |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Startseite: Karussell-Navigation (Bullets) macht für Screenreader nicht erkennbar, welches Element aktiv ist. * Formularseiten: Aktiver Menüpunkt der linken Navigation ist für Screenreader nicht als solcher wahrnehmbar. * Inhaltsseite: Registerkarten-Fokus wird zusätzlich mit Rolle "Dokument" ausgegeben; Rolle "Registerkarte" ist nicht korrekt (Akkordeon). * Alle Seiten: Links im Hauptmenü, die Untermenüs öffnen, werden als Links ohne Hinweis auf geöffnetes Untermenü ausgegeben. |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
nicht bestanden | * Startseite: Animiertes Karussell ist mit aria-live="polite" ausgezeichnet; Screenreader liest Inhalte beim Wechsel automatisch vor. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
im Wesentlichen bestanden | * Suchseite: Einzelne Texte (z. B. rote Texte in Suchergebnissen) unterschreiten den geforderten Minimalkontrast (4,5:1 bzw. 3:1). |
Bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen |
bestanden | |
|
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich |
bestanden | |
|
1.3.4 Bildschirmausrichtung ist änderbar |
bestanden | |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar |
bestanden | |
|
1.4.4 Schriftgröße kann angepasst werden |
bestanden | |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
bestanden | |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
bestanden | |
|
2.1.2 Tastaturfallen sind nicht vorhanden |
bestanden | |
|
2.1.4 Zeichen-Tastenkürzel sind abschaltbar oder anpassbar |
bestanden | |
|
2.2.1 Zeitbegrenzungen sind steuerbar |
bestanden | |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.2 Titel beschreiben Thema oder Zweck |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
bestanden | |
|
2.5.1 Komplexe Zeigerbedienung ist verzichtbar |
bestanden | |
|
2.5.2 Zeiger-Eingaben können abgebrochen oder widerrufen werden |
bestanden | |
|
2.5.3 Label enthält sichtbare Beschriftung |
bestanden | |
|
2.5.4 Bewegungsaktivierung ist verzichtbar |
bestanden | |
|
3.1.1 Sprache ist ausgezeichnet |
bestanden | |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
bestanden | |
|
3.2.1 Fokussierung führt nicht zu Kontextänderung |
bestanden | |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
bestanden | |
|
3.2.4 Elemente sind konsistent bezeichnet |
bestanden | |
|
3.3.2 Label enthalten Eingabehinweise |
bestanden | |
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
bestanden | |
|
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 |