Staatliches Gutachten zur digitalen Barrierefreiheit

www.dbb.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Mehrere zentrale WCAG-A-Fehler (fehlende Alternativtexte, falsche Strukturen, keine Skiplinks, schlechte Fokusreihenfolge, unsichtbarer Tastaturfokus, mangelhafte Formulare, Screenreader-Probleme) erschweren die Nutzung für Screenreader massiv.

Sehbehinderung Kaum nutzbar

Unzureichende Text- und Steuerelementkontraste, Probleme im Hochkontrastmodus, Slider-Überlagerungen und nicht anpassbare Schriftgrafiken beeinträchtigen das Erkennen von Inhalten deutlich.

Hörbehinderung Fast barrierefrei

Multimedia ist mit Untertiteln und Alternativen gut abgedeckt und es gibt kaum spezifische Hörbarrieren, sodass gehörlose Menschen die Inhalte weitgehend nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturbedienbarkeit und keine Tastaturfallen sind positiv, aber fehlende Skiplinks, unsichtbarer Fokus und viele unnötige Tabschritte erschweren die Bedienung für motorisch eingeschränkte Nutzer deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Fehlermeldungen, unklare Linktexte, Probleme bei Formularen und fehlende Inhalte in Leichter Sprache machen Orientierung und Fehlermanagement schwierig.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Pausenfunktion bei Animationen, unklare Fokusführung, unpräzise Linktexte und fehlende Leichte-Sprache-Angebote können Konzentration und Orientierung stark beeinträchtigen.

Dokumentierte Barrieren

  • Formularfehler werden nicht verständlich gemeldet

    Nach dem Absenden eines leeren oder fehlerhaften Formulars erscheinen keine klaren Fehlermeldungen an den betroffenen Feldern. Zusätzlich werden fehlerhafte Felder nur farblich markiert.

    Auswirkung: Ich erkenne nicht, was ich korrigieren muss und warum das Absenden fehlgeschlagen ist. Dadurch kann ich ein Formular leicht mehrfach falsch abschicken oder abbrechen müssen.

  • Tastaturfokus ist oft nicht sichtbar

    Viele interaktive Elemente zeigen beim Navigieren mit der Tastatur keinen erkennbaren Fokus. Das betrifft Navigation, Breadcrumbs, Grafiken, Suchergebnisse, Links und Buttons auf fast allen Seiten.

    Auswirkung: Ich weiß nicht, wo ich mich gerade befinde und welches Element als Nächstes aktiviert wird. Das macht die Bedienung mit Tastatur sehr unsicher und langsam.

  • Unbeschriftete und unklar strukturierte Formulare

    Auf der Such- und Formularseite fehlen Beschriftungen oder die Zuordnung von Labels zu Eingabefeldern ist nicht zuverlässig. Auch die Datenschutzzustimmung und einzelne Formularbereiche sind semantisch fehlerhaft aufgebaut.

    Auswirkung: Ich weiß nicht immer, welches Feld ich ausfüllen soll oder ob ich etwas übersehen habe. Das macht Suchen und das Absenden von Formularen unnötig schwer oder fehleranfällig.

  • Fokus springt nach Aktionen an den Seitenanfang

    Nach Filtern, neuer Suche, Seitenwechsel oder dem Absenden fehlerhafter Formulare landet der Fokus nicht bei dem relevanten Ergebnis oder Feld, sondern wieder am Seitenanfang. Dadurch geht der Kontext für Nutzende verloren.

    Auswirkung: Ich muss nach jeder Aktion erst wieder suchen, wo ich bin. Das verlangsamt die Nutzung und kann dazu führen, dass ich Ergebnisse oder Fehlstellen übersehe.

  • PDF-Dokument ist nicht barrierefrei nutzbar

    Ein bereitgestelltes PDF erfüllt die Anforderungen an barrierefreie Dokumente nicht. Dadurch können Inhalte darin je nach Hilfsmittel nur eingeschränkt oder gar nicht zugänglich sein.

    Auswirkung: Wenn die gesuchten Informationen im PDF stehen, kann ich sie möglicherweise nicht zuverlässig lesen oder bedienen. Ich bin dann auf Hilfe angewiesen oder muss nach einer anderen Quelle suchen.

  • Zu geringer Textkontrast

    Mehrere Texte sind zu hell oder liegen auf unruhigen Hintergründen, sodass sie schlecht lesbar sind. Das betrifft unter anderem Navigation, Suchbereich und Formularhinweise sowie Fehlermeldungen.

    Auswirkung: Ich muss Inhalte stark anstrengen oder kann sie gar nicht sicher lesen. Gerade bei wichtigen Hinweisen, Links oder Fehlermeldungen verliere ich schnell den Überblick.

  • Navigation enthält zu viele unnötige Tabstopps

    Nach dem Hauptmenü-Button werden auch nicht sichtbare Menüpunkte per Tab durchlaufen. Dadurch entstehen viele unnötige Fokusstationen in der Navigation.

    Auswirkung: Ich muss sehr viele Tastenschritte machen, obwohl ich nur einen kleinen Bereich erreichen will. Das kostet Zeit und macht die Orientierung anstrengend.

  • Wichtige Statusinformationen werden von Screenreadern unklar ausgegeben

    Einige Bedienelemente und Zustände werden nicht passend angekündigt, etwa Sortierrichtungen oder der Menü-Button. Dadurch ist die Funktion mancher Elemente für Screenreader-Nutzende schwer zu erkennen.

    Auswirkung: Ich verstehe nicht immer, was ein Element tut oder in welchem Zustand es ist. Das kann dazu führen, dass ich falsche Annahmen über Navigation oder Suchergebnisse treffe.

  • Fehlende oder unklare Alternativtexte bei Bildern

    Mehrere Bilder und Logos sind nicht sinnvoll beschrieben. Auf der Startseite und in rechten Spalten werden Bildinhalte teils gar nicht oder falsch als Alternativtext ausgegeben.

    Auswirkung: Ich kann die Bedeutung von Bildern, Logos oder Teasern nicht erfassen. Wichtige Hinweise und Verlinkungen bleiben mir dadurch verborgen.

  • Links sind oft nicht aussagekräftig

    Mehrere Linktexte sagen nicht klar, wohin sie führen oder welches Dokument sie öffnen. Das betrifft unter anderem Paginierung, Service-Links und Downloads.

    Auswirkung: Ich kann nicht vorab erkennen, was mich hinter einem Link erwartet. Dadurch werden Suchen, Downloads und die Seitennavigation unnötig kompliziert.

  • Slider bewegt sich automatisch ohne Pausenknopf

    Die Startseite enthält einen automatisch laufenden Slider, der nicht gestoppt oder pausiert werden kann. Inhalte wechseln dadurch weiter, ohne dass Nutzende eingreifen können.

    Auswirkung: Ich kann Inhalte nicht in Ruhe lesen oder anklicken. Bei Ablenkung oder Konzentrationsproblemen verliere ich leicht den Überblick.

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 Enterprise
Browser
Google Chrome 110.0.5481.97
Screenreader
NVDA 2022.4
  • https://www.dbb.de/suche.html?tx_kesearch_pi1%5BsortByDir%5D=desc&tx_kesearch_pi1%5BsortByField%5D=sortdate&tx_kesearch_pi1%5Bsword%5D=amt&cHash=f996d18d0947c13698e0bef662db2657
  • https://www.dbb.de/kontakt.html
  • https://www.dbb.de/arbeitnehmende/bezahlung.html
  • https://www.dbb.de/fileadmin/user_upload/globale_elemente/pdfs/2023/Einkommensrunde_2023/230224_Flugblatt_EKR_Bundesbeamte_Nr4.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Startseite: Nicht alle Grafiken haben einen aussagekräftigen alt-Text. Startseite: Im Bereich "Aus Mitgliedsgewerkschaften und Landesbünden" und im letzten Slider stimmen die Alternativtexte der Logo-Grafiken häufig nicht mit den Texten auf den Grafiken überein. Suchseite, Formularseite, Inhaltsseite: Die Grafiken in der rechten Spalte haben keinen aussagekräftigen alt-Text (welcher die Bildsituation genau beschreibt).
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Im Bereich "Aus den Ressorts" werden die Paginierungspunkte z. B. als "1 of 3", "2 of 3" usw. ausgegeben, es sind aber 6 Paginierungspunkte insgesamt vorhanden. Suchseite: Die Formularfelder "Suchbegriff", "Alle Seiten" und das Captcha-Feld haben keine Beschriftung (Label). Suchseite: Die Funktion der Paginierung der Suchergebnisse ist durch die fehlende Beschriftung nicht gut erkennbar. Inhaltsseite: Einige Abschnittsüberschriften sind nicht als solche ausgezeichnet. Formularseite: Die Label sind nicht mit den entsprechenden Eingabefeldern verknüpft. Formularseite: Die Checkbox zur Bestätigung der Datenschutzerklärung ist als Liste mit einem Eintrag ausgezeichnet. Alle Seiten: Nicht alle Navigationen sind mit dem Strukturelement <nav> angelegt. Alle Seiten: Die Seiten haben mehrere Navigationsregionen ohne zusätzliche Beschriftung. Alle Seiten: Die Links im Footer und der Service-Navigation am rechten Rand sind nicht als Listen ausgezeichnet. Startseite: Die Paginierungspunkte der Slider sind im Hochkontrastmodus nicht sichtbar. Formularseite: Die Rahmen der Formularfelder sind im Hochkontrastmodus nicht sichtbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Suchseite: Die Ausgabereihenfolge ist nicht korrekt, da zuerst der "Eingaben löschen"-Link und danach erst der "Finden"-Link vom Screenreader ausgegeben werden, dies entspricht nicht der visuellen Anordnung. Alle Seiten: Nach dem Menü-Button werden alle nicht sichtbaren Menüpunkte der Haupt- und Unternavigationen vom Screenreader ausgegeben.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Startseite: Mehrere Elemente der Seite haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z. B. Links der Servicenavigation, Teaser-Texte im Bereich "Aus Mitgliedsgewerkschaften und Landesbünden"). Startseite: Der Text im Headerbild und mehrere Copyright-Texte sind aufgrund der Bildhintergründe nicht gut lesbar. Suchseite: Im Suche-Layer haben mehrere Texte (z. B. Suchtexte, Datum, Überschriften, Paginierungszahlen) ein zu geringes Kontrastverhältnis. Formularseite: In der Auswahlliste "DBB-MITGLIEDSGEWERKSCHAFT*" hat der Text "Bitte wählen Sie" ein zu geringes Kontrastverhältnis. Formularseite: Im Formular hat die Textfarbe der Felder und der Text der Fehlermeldungen ein zu geringes Kontrastverhältnis. Alle Seiten: In den Untermenüs der Hauptnavigation haben die Links der aktuellen Klickstrecke ein zu geringes Kontrastverhältnis.
Schriftgrafiken sind anpassbar oder unverzichtbar nicht bestanden Startseite: Im Inhaltsreich können die Inhalte einiger Schriftgrafiken wie z. B. "staatklar" oder "dienst tag" nicht an die individuellen Bedürfnisse angepasst werden.
Inhalte brechen in einspaltiges Layout um nicht bestanden Startseite: Im Slider "Aus den Ressorts" werden die Paginierungspunkte teilweise durch die "Zurück"- und "Weiter"-Links überlagert. Suchseite: Im Suche-Layer werden mehrere Textelemente (z. B. Datum, Links) außerhalb des sichtbaren Bereichs angezeigt. Formularseite: In der Auswahlliste "DBB-MITGLIEDSGEWERKSCHAFT*" werden drei verschiedene Pfeil-Icons dargestellt.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Startseite: Im letzten Slider hat der aktive Paginierungspunkt ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Formularseite: Auf dem Kontaktformular sind die Formularfelder nicht gut erkennbar, da der graue Hintergrund der Felder zur weißen Hintergrundfarbe einen zu geringen Kontrastabstand aufweist.
Automatisch gestartete Animationen sind steuerbar nicht bestanden Startseite: Beim letzten Slider wird kein Button zum Beenden oder Pausieren der Slideranimation angeboten.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Im Inhaltsbereich erhält die verlinkte Bannergrafik dreimal den Fokus. Startseite: In mehreren Text-Teasern und in den Slidern erhalten zwei bzw. drei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. Suchseite: Der Fokus wird nach dem Filtern der Liste, nach dem Ausführen einer erneuten Suche oder nach dem Öffnen der nächsten Suchergebnisseite an den Seitenanfang und nicht auf den ersten Suchergebniseintrag gesetzt. Suchseite: Die Fokusreihenfolge ist nicht korrekt, da zuerst der "Eingaben löschen"-Link und danach erst der "Finden"-Link den Fokus erhält. Formularseite: Der Fokus wird nach dem Absenden eines fehlerhaften Formulars an den Seitenanfang und nicht auf das erste fehlerhafte Feld gesetzt. Suchseite, Formularseite, Inhaltsseite: In einigen Text-Teasern in der rechten Spalte erhalten drei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. Alle Seiten: Nach dem Hauptmenü-Button sind mehrere nicht sichtbare Tabschritte vorhanden, da die jeweiligen Haupt- und Untermenüs der Navigation alle mit der Tabulatortaste durchlaufen werden müssen.
Linkzweck ist verständlich (im Kontext) nicht bestanden Startseite: In der rechten Spalte sind einige Linktexte wie z. B. "PDF, Kampagne, Beamte" nicht aussagekräftig genug. Suchseite: In der Paginierung der Suchergebnisse haben die einzelnen Seitenlinks keine aussagekräftige Beschriftung (Link1, Link2, Link3 usw.). Formularseite: Das Format der bei den Download-Links ("Lageplan", "How to find") verknüpften Dokumente ist an der Linkbeschriftung nicht erkennbar. Inhaltsseite: Beim Link "Fragen und Thesen zur Zusatzversorgung" ist an der Linkbeschriftung das Download-Format nicht erkennbar. Alle Seiten: Die Links der Servicenavigation am rechten Rand und der "Nach oben"-Link werden im linearen Lesemodus des Screenreaders nur jeweils als "Link" ausgegeben.
Tastaturfokus ist sichtbar nicht bestanden Alle Seiten: Der Fokus ist auf sehr vielen interaktiven Elementen (z. B. Navigationen, Breadcrumb, interaktive Grafiken, Suchergebnissen, Links, Buttons …) nicht sichtbar.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Startseite: Die "Zurück"- und "Weiter"-Links (<, >) zum Blättern in den Slidern werden mit englischen Beschriftungen ausgegeben. Der Sprachwechsel ist auf Quellcodeebene nicht ausgezeichnet. Startseite: Die Paginierungspunkte des Sliders haben englische Beschriftungen wie z. B. "1 of 2"; diese werden mit deutscher Aussprache und somit schwer verständlich ausgegeben.
Fehlermeldungen sind in Textform vorhanden nicht bestanden Formularseite: Nach dem Absenden eines leeren oder fehlerhaften Formulars werden keine Fehlermeldungen ausgegeben oder an den entsprechenden Feldern angezeigt.
Label enthalten Eingabehinweise nicht bestanden Formularseite: An den fehlerhaften Feldern werden nur die Beschriftungen farblich gekennzeichnet.
Name, Rolle und Wert sind identifizierbar nicht bestanden Startseite: Die Paginierungspunkte der Slider werden vom Screenreader als Registerkarten ausgegeben. Suchseite: Im Formular wird die Auswahlliste "Alle Seiten" als Kombinationsfeld vom Screenreader ausgegeben. Suchseite: Im Bereich "Sortierung" wird der jeweilige Status der Sortierrichtung nicht vom Screenreader ausgegeben. Alle Seiten: Der "Hamburger"-Menü Button im Header wird nur als "Schalter" vom Screenreader ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden entspricht A nein Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden
nicht bestanden entspricht A nein
A.3
Leichte Sprache ist vorhanden
nicht bestanden entspricht A nein
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden entspricht A nein
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden

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.