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
  • www.dbb.de Web-Angebot öffnen
  • 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
1.1.1
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).
1.3.1
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.
1.3.2
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.
1.3.5
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.
1.4.3
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.
1.4.5
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.
1.4.10
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.
1.4.11
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.
2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Beim letzten Slider wird kein Button zum Beenden oder Pausieren der Slideranimation angeboten.
2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt.
2.4.3
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.
2.4.4
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.
2.4.7
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.
3.1.2
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.
3.3.1
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.
3.3.2
Label enthalten Eingabehinweise 		nicht bestanden Formularseite: An den fehlerhaften Feldern werden nur die Beschriftungen farblich gekennzeichnet.
4.1.2
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
2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.

Bestanden

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.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.12
Textabstände sind anpassbar 		bestanden
1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		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.3.1
Blitzen wird vermieden 		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

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.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen