Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Deutsche Telekom MMS GmbH
- Stadt
- Berlin
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Mehrere zentrale A‑Erfolgskriterien für Screenreader (Alternativtexte, Struktur/Regionen, aktive Menüpunkte, Karussell, Name/Rolle/Wert, Suchfeld-Beschriftung, Sprachwechsel) sind nicht erfüllt, die Seite bleibt aber grundsätzlich tastatur- und screenreaderbedienbar.
Sehbehinderung
Mit Hindernissen nutzbar
Unzureichende Text- und Icon-Kontraste, unsichtbarer oder schwach sichtbarer Fokus, nur farbliche Hervorhebungen und problematische Tooltips erschweren die Nutzung für sehbehinderte Nutzer:innen erheblich.
Hörbehinderung
Fast barrierefrei
Multimedia ist mit Untertiteln/Alternativen versehen und es gibt kaum hörbasierte Inhalte, sodass Gehörlose die Website weitgehend ohne Einschränkung nutzen können.
Motorische Behinderung
Weitgehend zugänglich
Die Seite ist vollständig per Tastatur bedienbar und weist keine Tastaturfalle auf, aber Karussellbedienung, unsichtbare Fokusziele und fehlerhafte Fokusführung bei Formularfehlern erschweren die effiziente Nutzung.
Lernbehinderung
Mit Hindernissen nutzbar
Kontextwechsel, Karussellinteraktionen, unklare Suchfeld-Beschriftung, Kontrastprobleme und nicht optimal geführte Fehlermeldungen erhöhen die kognitive Belastung, leichte Sprache ist jedoch vorhanden.
Neurodivergenz
Mit Hindernissen nutzbar
Unklare Fokusreihenfolge, Karussellverhalten, schwer erkennbare aktive Zustände und nicht optimal gestaltete Fehler- und Suchfunktionen können für viele neurodivergente Nutzer:innen anstrengend sein, während ansonsten Struktur und Navigation überwiegend konsistent sind.
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.
Empfehlung
Die festgestellten Barrierefreiheitsprobleme mit dem WCAG-Level A bzw. entsprechendem WCAG-Level A mit hoher Priorität beheben.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | Alle Seiten: Dekorative Grafiken werden durch den Screenreader ausgegeben. Alle Seiten: Die Logos werden mit zwei Beschriftungen ausgegeben: einmal mit deren Alternativtext und einmal mit dem title-Attribut des Links. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | Startseite: Mehrere Hauptüberschriften (<h1>) vorhanden (z.B. "Herzlich willkommen..." und "Kontakt"). Startseite: Überschriften im Karussell zusätzlich als Links definiert, Semantik nicht korrekt. Inhaltsseite: Mehrere Hauptüberschriften vorhanden (z.B. "Internationaler Jugendfreiwilligendienst (IJFD)", "Kontakt", "Externe Links zum Thema"). Startseite: Funktion der Paginierungselemente des Karussells durch unklare Beschriftung ("1, 2, 3") nicht erkennbar. Suchformular: Suchfeld "Suche nach" nicht mit visueller Beschriftung verknüpft. Suchformular: Visuelle Überschrift "Suchformular" nicht programmgemäß als solche definiert. Suchformular: Suchergebnisse nicht als Liste definiert. Alle Seiten: Der aktuell aktive Menüpunkt in der Navigation ist für den Screenreader nicht erkennbar. Alle Seiten: Mehrere Seitenregionen, inkl. Hauptregion, wurden als <header> definiert, ohne eindeutigen Namen. Hauptregionen fehlen. Startseite: Visuelle Zeilenumbrüche und Trennlinien werden ausgegeben. |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
nicht bestanden | Alle Seiten: Farbfehlsichtige Anwender:innen erkennen den aktuell aktiven Menüpunkt nicht direkt, weil der Kontrastabstand zwischen ausgewählten und nicht ausgewählten Menüpunkten 1,5:1 beträgt und Screenreader diese Information nicht ausgeben. Suchseite: Die hervorgehobenen Begriffe (z.B. "test") sind nur farblich (rot) markiert, was für blinde Anwender:innen nicht erkennbar ist. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | Alle Seiten: Texte auf dem rechten Logo besitzen einen zu niedrigen Kontrastwert von 2:1 und sind schwer lesbar. Suchseite: Rotmarkierte Texte und Links in den Meta-Informationen eines Suchergebnisses haben einen zu niedrigen Kontrastabstand (3,88:1 und 4:1) zum Hintergrund und sind nicht gut lesbar. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | Startseite: Navigationspfeile im Karussell sind nur schwer erkennbar, weil sie einen zu niedrigen Kontrastabstand zum Hintergrund besitzen. |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
nicht bestanden | Alle Seiten: Tooltips können nicht geschlossen werden, ohne den Fokus vom Element wegzubewegen; der Zeiger kann nicht auf den zusätzlich eingeblendeten Inhalt bewegt werden, ohne dass dieser automatisch geschlossen wird. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | Alle Seiten: Tab-Navigation ist schwer nachzuvollziehen, wenn sie über unsichtbare ausführbare Elemente führt, z.B. Sprungmarken ohne Hervorhebung. Startseite: Aktivierung von Links im Karussell lädt lediglich das Karussell neu und setzt den Fokus auf den ersten Slide, was die Tastaturnavigation im Karussell weniger effizient macht. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | Formularseite: Fokus auf dem kombinierten Eingabefeld "Anrede" nicht sichtbar. Formularseite: Fokusrahmen der Buttons "Abschicken" und "Zurücksetzen" besitzt einen zu niedrigen Kontrast zum Hintergrund (1,9:1). |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | Startseite: Sprachwechsel ist nicht korrekt ausgezeichnet; englische Inhalte werden durch den Screenreader mit deutscher Aussprache vorgelesen und sind unverständlich. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | Kontaktseite: Bei invalidem E-Mail-Eingabe erscheint englischsprachige Fehlermeldung "Please enter a valid email address"; der Fokus wird auf den "Zurücksetzen"-Button gesetzt, nicht in das fehlerhafte Feld. |
|
3.3.2 Label enthalten Eingabehinweise |
nicht bestanden | Alle Seiten: Suchfeld besitzt keine sichtbare Beschriftung, lediglich einen Platzhalter, der nach Eingabe nicht mehr sichtbar ist. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | Formularseite: Gruppe der Buttons "Abschicken" und "Zurücksetzen" wurde als Werkzeugleiste (role="toolbar") definiert, wodurch blinde Anwender:innen eine Pfeiltastennavigation erwarten, die nicht vorhanden ist. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | Das PDF-Dokument ist nicht PDF/UA-konform. |
| Kriterium | Status | Notizen |
|---|---|---|
|
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen |
bestanden | |
|
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel |
bestanden | |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
bestanden | |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
bestanden | |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
bestanden | |
|
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich |
bestanden | |
|
1.3.4 Bildschirmausrichtung ist änderbar |
bestanden | |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar |
bestanden | |
|
1.4.4 Schriftgröße kann angepasst werden |
bestanden | |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
bestanden | |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
bestanden | |
|
1.4.12 Textabstände sind anpassbar |
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.1 Wiederkehrende Bereiche können übersprungen werden |
bestanden | |
|
2.4.2 Titel beschreiben Thema oder Zweck |
bestanden | |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
bestanden | |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
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.2.1 Fokussierung führt nicht zu Kontextänderung |
bestanden | |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
bestanden | |
|
3.2.3 Navigation ist konsistent aufgebaut |
bestanden | |
|
3.2.4 Elemente sind konsistent bezeichnet |
bestanden | |
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
bestanden | |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
bestanden | |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
bestanden | Ergebnis der formalen Prüfung: nicht bestanden. |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden | |
|
A.4 Gebärdensprache-Video ist vorhanden |
bestanden |