Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Materna Information & Communications SE
- Stadt
- Berlin
- Prüfart
- eingehende Überwachung
Gutachten
Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Fehlende Alternativtexte, unzureichende Semantik, schlechte Tastaturbedienung und fehlende Audiodeskription schränken Screenreader-Nutzung stark ein.
Sehbehinderung
Kaum nutzbar
Unzureichende Kontraste, Probleme bei Vergrößerung, nicht anpassbare Textabstände und schwer erkennbare Bedienelemente beeinträchtigen das Sehen erheblich.
Hörbehinderung
Mit Hindernissen nutzbar
Untertitel sind im Wesentlichen vorhanden, aber fehlende Gebärdensprache und teils unklare visuelle Struktur mindern die Nutzbarkeit.
Motorische Behinderung
Kaum nutzbar
Wesentliche Tastaturprobleme, unklare Fokusindikatoren und nicht komplett mausfreie Bedienbarkeit erschweren die Nutzung stark.
Lernbehinderung
Kaum nutzbar
Fehlende Leichte Sprache, komplexe Struktur, unklare Linktexte und Formulare ohne gute Fehlerführung belasten das Verständnis.
Neurodivergenz
Kaum nutzbar
Nicht pausierbare bewegte Inhalte, inkonsistente Struktur, mangelnde Fokusführung und komplexe Texte können stark überfordern.
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.
Gutachten-Historie
24.08.2023
Prüfung vor 2 Jahren
20.09.2021
Prüfung vor 4 Jahren
Empfehlung
Alternativtexte ergänzen, strukturierte Überschriftenlisten und Formulare semantisch auszeichnen, Tastaturzugänglichkeit, Fokusindikationen, Kontraste sowie Beschriftungen und Fehlerhinweise verbessern, zeitbasierte Medien mit Alternativen/Audiodeskriptionen versehen, Dokumente PDF/UA-konform erstellen und nationale Anforderungen (Barrierefreiheitserklärung, Feedback, Leichte Sprache, Gebärdensprache) umsetzen.
| Kriterium | Status | Notizen |
|---|---|---|
|
4.9.1.1.1.a Grafische Bedienelemente haben sinnvolle Alternativtexte |
nicht bestanden | Beschreibende alt-Texte einfügen (z. B. alt="Bild vergrößern: Sport-politische Schwerpunkte des DOSB zur Bundestagswahl 2021"). |
|
4.9.1.1.1.b Informative Grafiken und Objekte haben sinnvolle Alternativtexte |
nicht bestanden | Für alle inhaltstragenden Grafiken einen aussagekräftigen Alternativtext definieren. |
|
4.9.1.1.1.d Alternativen für bildbasierte CAPTCHAs |
nicht bestanden | Neben dem Bild-CAPTCHA eine gut zugängliche Alternative (z. B. Audio oder andere Challenge) anbieten. |
|
4.9.1.2.1 Alternativen für zeitbasierte Medien (aufgezeichnetes Audio/Video) |
nicht bestanden | Für Videos mit nur visuellen Informationen eine Textalternative oder eine ergänzende Tonspur bereitstellen. |
|
4.9.1.2.3 Audiodeskription oder Volltextalternative für Videos |
nicht bestanden | Audiodeskription oder umfangreiche Textdokumente bereitstellen, damit visuelle Informationen (z. B. Rollen, Zeitverweise) auch für blinde Nutzer zugänglich sind. |
|
4.9.1.3.1.a HTML-Strukturelemente für Überschriften |
nicht bestanden | Alle visuellen Überschriften korrekt mit <h>-Elementen auszeichnen und eine logisch geschachtelte Struktur verwenden. |
|
4.9.1.3.1.b Listen sind mit HTML-Strukturelementen ausgezeichnet |
nicht bestanden | Listen/Navigationen mit ul/ol/li markieren, damit Screenreader die Gruppierung erkennen können. |
|
4.9.1.3.1.h Beschriftung von Formularelementen programmatisch ermittelbar |
nicht bestanden | labels mit for-Attribut und passender id verbinden, damit Screenreader beim Fokus die Beschriftung vorlesen können. |
|
4.9.1.3.3 Ohne Bezug auf sensorische Merkmale nutzbar |
nicht bestanden | Verweise nicht mit „unten“ oder „rot“ beschreiben, sondern Kontext und Zieltext liefern. |
|
4.9.1.4.3 Kontraste von Texten ausreichend |
nicht bestanden | Schriftfarben so anpassen, dass das Kontrastverhältnis mindestens 4,5:1 (3:1 bei großem, fettem Text) erreicht wird. |
|
4.9.1.4.5 Verzicht auf Schriftgrafiken |
nicht bestanden | Inhalte nach Möglichkeit als HTML-Text anstatt als Grafiken darstellen und fehlende Alternativen ergänzen. |
|
4.9.1.4.11 Kontraste von Grafiken und Bedienelementen |
nicht bestanden | Eingabefelder und interaktive Elemente mit einem Kontrast von mindestens 3:1 ausgestalten. |
|
4.9.1.4.12 Textabstände anpassbar |
nicht bestanden | Layouts so produzieren, dass vergrößerte Zeilen-/Buchstabenabstände keine Inhalte überlappen oder unlesbar machen. |
|
4.9.1.4.13 Eingeblendeter Inhalt bedienbar |
nicht bestanden | Mouseover-Menüs mit ESC/Tastatur schließbar machen und beim Auslösen den Fokus nicht verlieren lassen. |
|
4.9.2.1.1 Ohne Maus nutzbar |
nicht bestanden | Bedienelemente wie Login oder Menü im Kopfbereich mit Tab erreichbar machen und Funktionspraxis für Tastatur sicherstellen. |
|
4.9.2.2.2 Bewegte Inhalte abschaltbar |
nicht bestanden | Automatische Meldungen pausierbar machen bzw. alternative nicht-animierte Variante bereitstellen. |
|
4.9.2.4.2 Sinnvolle Dokumenttitel |
nicht bestanden | Seiten-Titel mit Webauftritt-Namen plus individueller Bezeichnung versehen (z. B. „DOSB | Startseite“). |
|
4.9.2.4.3 Schlüssige Reihenfolge bei Tastaturbedienung |
nicht bestanden | Versteckte Menüs aus Tab-Reihenfolge entfernen bzw. vor Ausklappen ausblenden und den Fokus beim Öffnen verlagern. |
|
4.9.2.4.4 Aussagekräftige Linktexte |
nicht bestanden | Linktexte (z. B. „mehr“) mit zusätzlichem visuellen Text oder ARIA-Beschreibungen anreichern, damit sie eigenständig Sinn ergeben. |
|
4.9.2.4.7 Aktuelle Position des Fokus deutlich |
nicht bestanden | Fokusänderungen mittels CSS klar hervorheben (nicht nur Browserrahmen), auch bei eingebetteten Videos und Podcasts. |
|
4.9.2.5.3 Beschriftung (Label) im Namen |
nicht bestanden | Alt-Texte von Grafiken so formulieren, dass sie den sichtbaren Text enthalten, damit Sprachsteuerung die Elemente aufrufen kann. |
|
4.9.3.3.1 Fehlererkennung |
nicht bestanden | Fehlermeldungen programmatisch mit den Formularfeldern verbinden (aria-describedby) und den Feldbezug im Text benennen. |
|
4.9.4.1.1 Korrekte Syntax |
nicht bestanden | CSS/HTML-Fehler beheben (W3C-Checker-Auswertung optimieren) und valide Struktur liefern. |
|
4.9.4.1.2 Name, Rolle, Wert verfügbar |
nicht bestanden | Navigationselemente (z. B. mobile Menü, Akkordeons) mit role/aria-expanded versehen, damit assistive Technologien Name/Wert erkennen. |
|
4.14 Ergebnisse der Dokumentenprüfung |
nicht bestanden | PDF-Dokumente PDF/UA-konform aufbereiten (eingebettete Schriften, korrekte Tabellenstruktur, Alternativtexte). |
|
Zusätzliche Anforderung Barrierefreiheit von Dokumenten |
nicht bestanden | Alle herunterladbaren Dokumente auf Barrierefreiheit prüfen und Freiheit für Screenreader sicherstellen. |
|
Zusätzliche Anforderung Erklärung zur Barrierefreiheit |
nicht bestanden | Eine sichtbare Erklärung inkl. nicht barrierefreie Bereiche, Gründe, Feedback und Schlichtungsinformationen bereitstellen. |
|
Zusätzliche Anforderung Feedback-Mechanismus (Erklärung zur Barrierefreiheit) |
nicht bestanden | Kontaktmöglichkeit in der Erklärung zur Barrierefreiheit beschreiben und verlinken. |
|
Zusätzliche Anforderung Erläuterungen in Leichter Sprache |
nicht bestanden | Seite in Leichter Sprache mit Navigation, Inhaltsangaben und Hinweise zur Erklärung zur Barrierefreiheit erstellen. |
|
Zusätzliche Anforderung Erläuterungen in Gebärdensprache |
nicht bestanden | Gebärdensprach-Videos mit wesentlichen Informationen, Navigationstipps und Bezug zur Erklärung bereitstellen. |
| Kriterium | Status | Notizen |
|---|---|---|
|
4.9.1.2.2 Aufgezeichnete Videos mit Untertiteln |
im Wesentlichen bestanden | Automatisch erzeugte Untertitel nachbearbeiten, Satzzeichen, Groß-/Kleinschreibung und fehlerhafte Inhalte korrigieren. |
|
4.9.1.3.2 Aussagekräftige Reihenfolge |
im Wesentlichen bestanden | Die Reihenfolge im Quelltext anpassen, sodass Überschriften vor verlinkten Bildern stehen und Inhalte logisch vorgelesen werden. |
|
4.9.1.4.4 Texte auf 200 % vergrößerbar |
im Wesentlichen bestanden | Downloadlinks und andere Texte responsiv gestalten, damit beim Zoomen keine Lesbarkeit oder Funktionalität verloren geht. |
|
4.9.3.1.1 Hauptsprache angegeben |
im Wesentlichen bestanden | Sprache korrekt definieren und trotz falsch gesetzter lang-Attribute (franz.) für die bewertete deutsche Version ggf. bereinigen. |
|
4.9.3.2.4 Konsistente Kennzeichnung |
im Wesentlichen bestanden | Interne/externe Links konsistent mit Symbolen oder Text kennzeichnen (alle extern oder alle intern deutlich machen). |