Staatliches Gutachten zur digitalen Barrierefreiheit

www.dosb.de

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 24.08.2023 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

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.

Veränderung

Aktuell angezeigt
17 gefundene Barrieren
7,5/10 Ø Schwere
12 gefundene Barrieren -5 zur vorherigen Prüfung
7,7/10 Ø Schwere +0,2 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Die Website ist nicht zuverlässig mit der Tastatur nutzbar

    Zentrale Bedienelemente wie Menü oder Login sind nicht durchgehend per Tastatur erreichbar oder sinnvoll bedienbar. Auch die Fokusreihenfolge ist fehlerhaft.

    Auswirkung: Wenn ich keine Maus nutzen kann, komme ich an wichtige Funktionen möglicherweise nicht heran. Die Nutzung wird dadurch für mich stark eingeschränkt oder an einzelnen Stellen unmöglich.

  • Bild-CAPTCHA ohne zugängliche Alternative

    Für die Eingabeprüfung ist keine barrierefreie Alternative zum Bild-CAPTCHA vorgesehen. Wer Bilder nicht zuverlässig wahrnehmen kann, stößt hier auf eine Zugangshürde.

    Auswirkung: Ich kann das Formular möglicherweise nicht abschicken, obwohl ich die eigentliche Aufgabe erledigen möchte. Der Zugang zu geschützten Funktionen wird dadurch massiv erschwert.

  • Formulare sind nicht sauber beschriftet

    Beschriftungen von Formularfeldern sind nicht zuverlässig programmatisch ermittelbar. Außerdem sind Fehlerhinweise nicht klar mit den betroffenen Feldern verbunden.

    Auswirkung: Ich weiß beim Ausfüllen möglicherweise nicht, was in ein Feld gehört. Wenn etwas falsch ist, verstehe ich die Meldung nicht sicher und kann das Formular nur schwer korrigieren.

  • Dokumente und PDFs sind nicht barrierefrei nutzbar

    Herunterladbare Dokumente sind nicht durchgängig auf barrierefreie Struktur und Lesbarkeit geprüft. Für Screenreader können Tabellen, Alternativtexte oder die gesamte Dokumentenlogik dadurch unzugänglich sein.

    Auswirkung: Ich kann wichtige Informationen aus PDFs unter Umständen nicht lesen oder verstehen. Gerade bei Formularen, Merkblättern oder Satzungen kann das die Nutzung stark behindern.

  • Wichtige Inhalte haben keine sinnvollen Alternativtexte

    Mehrere grafische Bedienelemente und inhaltstragende Bilder sind nicht ausreichend beschrieben. Dadurch bleiben Funktionen und Inhalte für Personen, die Bilder nicht sehen können, unklar oder verborgen.

    Auswirkung: Ich kann dann nicht erkennen, worum es auf einem Bild geht oder was ein grafischer Button auslöst. Wichtige Informationen und Aktionen gehen mir dadurch verloren.

  • Struktur der Seite ist für Screenreader schwer erfassbar

    Überschriften und Listen sind nicht durchgehend semantisch korrekt ausgezeichnet. Dadurch wird die Gliederung der Inhalte für assistive Technologien unzuverlässig erkennbar.

    Auswirkung: Ich kann Inhalte schlechter überblicken und schneller zu wichtigen Abschnitten springen. Die Seite wirkt für mich unübersichtlich und anstrengend zu navigieren.

  • Schlechter Kontrast erschwert das Lesen und Erkennen von Bedienelementen

    Textfarben, grafische Bedienelemente und Eingabefelder erreichen nicht überall ausreichende Kontraste. Dadurch sind Inhalte und Interaktionselemente schwerer wahrnehmbar.

    Auswirkung: Ich muss mich deutlich stärker anstrengen, um Text oder Buttons zu erkennen. Bei schlechter Sicht oder in ungünstigen Lichtverhältnissen kann ich Inhalte leicht übersehen.

  • Schwebende oder eingeblendete Inhalte sind nicht gut bedienbar

    Einblendungen und Mouseover-Bereiche lassen sich nicht zuverlässig per Tastatur schließen oder steuern. Dabei kann der Fokus verloren gehen oder Inhalt verdeckt bleiben.

    Auswirkung: Ich kann verdeckte Inhalte nicht sicher wieder verlassen oder weiter nutzen. Dadurch werde ich beim Navigieren ausgebremst und verliere die Orientierung.

  • Bedienelemente sind für Sprachsteuerung und Assistive Technik nicht eindeutig benannt

    Name, Rolle und Wert von interaktiven Elementen sind nicht überall korrekt verfügbar. Dadurch können Schalter, Menüs oder Akkordeons von Hilfstechnologien schlechter erkannt werden.

    Auswirkung: Ich kann bestimmte Funktionen möglicherweise nicht gezielt ansteuern oder ihren Zustand nicht erkennen. Das macht die Bedienung umständlich und fehleranfällig.

  • Videos ohne ausreichende Text- oder Audiodeskription

    Aufgezeichnete Videos bieten nicht überall eine ausreichende Alternative für visuelle Informationen. Inhalte, die nur im Bild sichtbar sind, werden damit nicht vollständig vermittelt.

    Auswirkung: Ich verpasse dann Handlungen, Schaubilder oder eingeblendete Hinweise im Video. Gerade bei erklärenden oder informativen Videos kann ich den Inhalt nicht vollständig verstehen.

  • Fokus ist schwer erkennbar

    Der aktuelle Tastaturfokus wird nicht ausreichend deutlich hervorgehoben. Nutzer sehen deshalb oft nicht, wo sie sich gerade auf der Seite befinden.

    Auswirkung: Ich verliere die Orientierung bei der Bedienung mit der Tastatur. Das erhöht das Risiko, falsche Elemente auszulösen oder wichtige Stellen zu übersehen.

  • Linktexte sind zu allgemein

    Einige Links sind ohne ihren Kontext nicht verständlich genug beschrieben. Für sich allein sagen sie nicht klar, wohin sie führen oder was sie öffnen.

    Auswirkung: Ich kann nicht sicher entscheiden, welchen Link ich anklicken soll. Besonders bei Screenreader-Nutzung kostet mich das Zeit und kann zu Fehlklicks führen.

  • Es fehlen wichtige ergänzende Zugänge wie Leichte Sprache und Gebärdensprache

    Wesentliche Informationen sind nicht in Leichter Sprache und nicht in Gebärdensprache aufbereitet. Dadurch fehlen für manche Zielgruppen verständliche Zugänge zu zentralen Inhalten und Hinweisen.

    Auswirkung: Ich kann mich dann schwerer über die Website, ihre Nutzung und meine Rechte informieren. Für mich wird es deutlich schwieriger, Inhalte selbstständig zu verstehen.

  • Inhalte und Verweise sind ohne visuelle Hinweise schwer verständlich

    Einige Texte verweisen auf Farben, Positionen oder andere Sinneseindrücke statt auf klare Bezeichnungen. Solche Hinweise funktionieren ohne passende Wahrnehmung nicht zuverlässig.

    Auswirkung: Ich kann Anweisungen oder Verweise dann nicht sicher zuordnen. Das führt dazu, dass ich Inhalte übersehe oder falsche Stellen anklicke.

  • Vergrößerte Abstände können Layout und Lesbarkeit beeinträchtigen

    Wenn Nutzer Zeilen- oder Buchstabenabstände anpassen, funktioniert das Layout nicht zuverlässig. Inhalte können dadurch überlappen oder schwer lesbar werden.

    Auswirkung: Ich kann mir die Darstellung nicht gut an meine Bedürfnisse anpassen. Das Lesen wird dann mühsam oder einzelne Inhalte sind nur noch eingeschränkt nutzbar.

  • Wichtige Serviceinformationen zur Barrierefreiheit fehlen oder sind schwer auffindbar

    Eine vollständige Barrierefreiheitserklärung mit Feedback- und Schlichtungshinweisen ist nicht vorhanden. Damit fehlen Nutzenden zentrale Informationen, wie sie Probleme melden oder Unterstützung bekommen können.

    Auswirkung: Wenn ich auf Barrieren stoße, weiß ich nicht sicher, wohin ich mich wenden kann. Das erschwert mir, eine Lösung zu erreichen oder meine Rechte wahrzunehmen.

  • Automatische Bewegung kann ablenken oder stören

    Bewegte Inhalte lassen sich nicht zuverlässig abschalten oder pausieren. Dadurch bleiben dynamische Elemente dauerhaft aktiv, auch wenn sie ablenken oder irritieren.

    Auswirkung: Ich kann mich schlechter konzentrieren und Inhalte schlechter erfassen. Bei sensiblen Nutzenden kann das auch Stress oder Überforderung auslösen.

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 10 (Version 1909)
Browser
Firefox (Version 92.0)
Screenreader
NVDA (Version 2021.1)
Auflösung
1280 × 1024
Tools
Colour Contrast Analyser, PDF Accessibility Checker 3

Veränderung nach WCAG-Kriterien

24.08.2023 Vereinfachte Überwachung Gutachten ansehen
20 nicht bestanden 7 weitgehend 20 bestanden
20.09.2021 eingehende Überwachung
angezeigtes 30 nicht bestanden 5 weitgehend 0 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
24.08.2023 Vereinfachte Überwachung Ja 20 7 20
20.09.2021 eingehende Überwachung Nein 30 5 0

Prüfkriterien

Nicht bestanden

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.

Im Wesentlichen bestanden

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).

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.