Staatliches Gutachten zur digitalen Barrierefreiheit

www.bghw.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere kritische WCAG-A-Fehler bei Alternativtexten, Struktur, Lesereihenfolge, Fokusführung, Tastaturbedienung und ARIA-Rollen erschweren Screenreader-Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Probleme bei Kontrasten, Fokus-Sichtbarkeit, Zoom/Umbruch und teilweise unleserlichen Texten mindern die Nutzbarkeit, Basisfunktionen sind aber vorhanden.

Hörbehinderung Fast barrierefrei

Untertitel und Alternativen für aufgezeichnete Medien sind vorhanden und es gibt ein Gebärdensprach-Video, sodass kaum Einschränkungen bestehen.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ist vorhanden, aber nicht erreichbare Elemente, fehlende Skip-Links, Fokusprobleme und kleine Klickziele reduzieren die Effizienz.

Lernbehinderung Weitgehend zugänglich

Klare Sprache, konsistente Navigation und Hilfen bei Fehlern unterstützen, jedoch unlogische Fokuswechsel, Slider-Verhalten und teilweise unklare Beschriftungen können verwirren.

Neurodivergenz Weitgehend zugänglich

Fehlende Skip-Links, komplexe Slider- und Layer-Interaktionen sowie Fokus-Sprünge können Überlastung verursachen, während Struktur und konsistente Navigation grundsätzlich hilfreich sind.

Dokumentierte Barrieren

  • Wichtige Bedienelemente sind per Tastatur nicht erreichbar

    Der Link „Nach oben“, das Schließen der Lightbox und zusätzliche Layer-Elemente sind nicht mit der Tastatur erreichbar. Dadurch lassen sich bestimmte Funktionen nur eingeschränkt oder gar nicht bedienen.

    Auswirkung: Ich kann wichtige Bereiche nicht verlassen oder schließen, wenn ich ohne Maus arbeite. Das kann die Nutzung einzelner Funktionen stark behindern und im schlimmsten Fall festfahren lassen.

  • Kontakt-Layer springt beim Bedienen unkontrolliert

    Beim Öffnen des Kontakt-Layers wird er beim Fokus auf den Schließen-Link automatisch wieder geschlossen und der Fokus an den Seitenanfang gesetzt. Das Verhalten bricht den Bedienfluss.

    Auswirkung: Ich komme nicht zuverlässig in den Kontaktbereich hinein und werde in meiner Bedienung zurückgeworfen. Das kann dazu führen, dass ich das Formular oder die Kontaktfunktion praktisch nicht nutzbar finde.

  • Struktur und Überschriften sind für Hilfsmittel unklar

    Überschriftenebenen werden übersprungen, es gibt leere Überschriften und wichtige Bereiche sind nicht sauber beschriftet. Auch Formularfehler und Navigationsregionen sind nicht sinnvoll verknüpft.

    Auswirkung: Ich kann mich schwer orientieren und Inhalte nicht zuverlässig in der richtigen Hierarchie erfassen. Dadurch wird es deutlich schwieriger, gezielt Informationen oder Formulare zu finden und zu verstehen.

  • Inhalte brechen bei Zoom nicht sauber um

    Auf der Suchseite müssen Rubriken-Links horizontal gescrollt werden, und bei 400% Zoom werden sie teilweise vom Kontakt-Link überlagert. Außerdem verschiebt sich Inhalt bei verändertem Textabstand aus dem sichtbaren Bereich.

    Auswirkung: Wenn ich stark zoome, kann ich Teile der Seite nicht mehr vollständig sehen oder bedienen. Das erschwert das Lesen und die Nutzung deutlich, besonders bei Sehschwäche.

  • Die Seite lässt sich nicht sinnvoll per Tastatur durchgehen

    Es gibt keine Skip-Links, und die Fokusreihenfolge ist bei Slidern, Bildvergrößerungen, Filtern und Cookie-Layern teils unlogisch. Nach dem Schließen von Layern ist der Fokus außerdem nicht sichtbar oder springt an unerwartete Stellen.

    Auswirkung: Ich brauche länger, um mich durch die Seite zu bewegen, und verliere leicht die Orientierung. Manche Inhalte finde ich nur mühsam oder gar nicht wieder.

  • Dekorative und informative Bilder ohne verständliche Alternativtexte

    Mehrere Bilder und Grafiken haben keinen passenden Alternativtext oder sind falsch beschrieben. Dazu gehören unter anderem das Logo, die Lightbox und thematische Bildgrafiken auf der Startseite.

    Auswirkung: Ich kann wichtige Inhalte nicht über den Screenreader erfassen und verstehe möglicherweise nicht, worum es auf der Seite geht. Wenn ein Bild eine wichtige Information trägt, bleibt mir diese verborgen.

  • Suchergebnisse und Links sind für Screenreader nicht eindeutig

    Suchergebnislinks geben keine aussagekräftigen Linkziele aus, und sichtbare sowie programmatische Beschriftungen stimmen bei mehreren Links nicht überein. Dadurch ist nicht klar, wohin ein Link führt.

    Auswirkung: Ich kann nicht sicher entscheiden, welchen Treffer ich öffnen soll. Das erhöht das Risiko, die falsche Seite aufzurufen oder Inhalte mühsam suchen zu müssen.

  • Sucheingabe im Hilfebereich ist nicht beschriftet

    Das Suchfeld im Bereich „NICHT GEFUNDEN WAS SIE SUCHEN? “ hat keine Beschriftung. Für Hilfsmittel ist damit nicht erkennbar, wofür das Feld gedacht ist.

    Auswirkung: Ich weiß nicht sicher, was ich in das Feld eingeben soll oder wo ich mich im Formular befinde. Das erschwert die Nutzung der Suche und kann die Ergebnisfindung blockieren.

  • Rollen und Zustände werden bei Bedienelementen nicht korrekt ausgegeben

    Slider-Zahlen, Filtertexte und Navigations-Layer werden vom Screenreader als generische Bedienelemente wie „Schieber“, „Schalter“ oder „Menüschaltfläche“ ausgegeben. Die eigentliche Funktion ist dadurch nicht immer klar nachvollziehbar.

    Auswirkung: Ich kann schwer einschätzen, was ein Element genau bewirkt. Das führt zu Unsicherheit und mehr Fehlbedienungen beim Navigieren oder Filtern.

  • Inhalte von Schiebereglern und Tooltipps werden nicht korrekt vorgelesen

    Slider geben beim linearen Lesen alle Folien aus, und Inhalte hinter Formular-Icons werden vom Screenreader nicht ausgegeben. Dadurch werden Zusatzinformationen nicht so vermittelt, wie sie visuell erscheinen.

    Auswirkung: Ich bekomme Informationen doppelt, ungeordnet oder gar nicht mit. Das kann dazu führen, dass ich Inhalte falsch verstehe oder wichtige Hinweise übersehe.

  • Wichtige Hinweise auf Teaserbildern sind schlecht lesbar

    Weiße Texte auf Bild-Teasern sind teilweise zu kontrastarm und können bei Zoom sogar teilweise aus dem sichtbaren Bereich rutschen. Dadurch sind aktuelle Hinweise und Themen nicht immer gut erkennbar.

    Auswirkung: Ich kann wichtige Ankündigungen oder Nachrichten nur schwer lesen oder verpasse sie ganz. Das ist besonders problematisch, wenn diese Teaser zentrale Informationen transportieren.

  • Fokus ist schlecht sichtbar

    Der Tastaturfokus hat auf allen Seiten zu wenig Kontrast zum Hintergrund, etwa bei der Paginierung der Suchergebnisse. So ist oft nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere beim Tabben die Orientierung und weiß nicht sicher, wo ich mich gerade befinde. Das macht die Bedienung mit Tastatur deutlich unsicherer und langsamer.

  • Formularfelder lassen sich nicht bequem automatisch ausfüllen

    Eingabefelder für Nutzerdaten besitzen kein autocomplete-Attribut. Dadurch fehlen unterstützende Browser- und Assistenzfunktionen beim Ausfüllen von Formularen.

    Auswirkung: Ich muss mehr selbst tippen und kann persönliche Daten nicht so komfortabel oder fehlerarm eingeben. Das kostet Zeit und ist besonders auf mobilen Geräten oder mit Hilfsmitteln anstrengend.

  • Pflichtangaben sind visuell zu schlecht erkennbar

    Die Sterne für Pflichtfelder auf der Formularseite haben zu wenig Kontrast zum Hintergrund. Dadurch ist nicht sicher erkennbar, welche Felder zwingend auszufüllen sind.

    Auswirkung: Ich kann Formulare leichter falsch oder unvollständig ausfüllen. Das erhöht den Aufwand und kann zu vermeidbaren Fehlermeldungen führen.

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 122.0.6261.95
Screenreader
NVDA 2023.3.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.bghw.de/suchergebnisse?tx_uibghwsearch_search%5Baction%5D=search&tx_uibghwsearch_search%5Bcontroller%5D=Search&tx_uibghwsearch_search%5Bfacets%5D%5Bcompendium%5D%5B0%5D=compendium&tx_uibghwsearch_search%5Blimit%5D=10&tx_uibghwsearch_search%5Bquery%5D=Pakete&cHash=6e9d45917a6000a0ba68dcea2354953c
  • https://www.bghw.de/online-services-der-bghw/kontaktformular
  • https://www.bghw.de/versicherung-leistung/unsere-leistungen-fuer-sie/teilhabe-am-arbeitsleben
  • https://www.bghw.de/fileadmin/user_upload/BGHW_Website/Website/Weiterbildung-Services/Fuer-Sie-zusammengestellt/Formulare-Downloads/Finanzielle_Foerderung/Fahrsicherheitstraining/Gutscheinantrag_Kfz-Sicherheitstraining_ab_2022_barrierefrei.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Mehrere Bilder auf Startseite und Logo besitzen keinen aussagekräftigen alt-Text oder falsche Texte, inklusive Lightbox, Grafik "Hundert Prozent informiert" und Layoutgrafiken.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Überschriftenebenen werden übersprungen, Rubriken-Links auf Suchseite fehlen Beschriftungen, Formular-Fehlermeldungen nicht verknüpft, leere Überschriften auf Inhaltsseite, Navigationsregionen fehlen Beschriftungen, Hochkontrastmodi zeigen Sucheingabefeldrahmen nicht, ausgewählte Rubrik im Hochkontrastmodus nicht sichtbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Slider geben bei linearem Lesen alle Slides aus, Tooltip-Inhalte hinter Formular-Icons werden vom Screenreader nicht ausgegeben.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularfelder für Nutzerdaten besitzen kein autocomplete-Attribut.
Inhalte brechen in einspaltiges Layout um nicht bestanden Rubriken-Links auf Suchseite müssen horizontal gescrollt werden und werden bei 400% Zoom durch den Kontakt-Link teilweise überlagert (außer Formularseite).
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Pflichtfeld-Sterne auf Formularseite haben zu geringen Kontrast zur Hintergrundfarbe.
Textabstände sind anpassbar nicht bestanden Weiße Texte auf Teaserbildern im Bereich "Wichtige Themen und aktuelle Informationen" werden bei Zoom teilweise aus dem sichtbaren Bereich verschoben.
Tastaturbedienbarkeit ist gegeben nicht bestanden "Nach oben"-Link, Lightbox-Schließen und zusätzliche Layer-Elemente sind nicht per Tastatur erreichbar; Tooltipps nur mit ESC schließbar; Fokus nach Layer-Schließen nicht sichtbar.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Es werden keine Skip-Links angeboten.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Slider, Bildvergrößerungen, Links, Filter-Behaviours und Cookie-Layer verursachen unlogische Fokuswechsel und -platzierungen.
Linkzweck ist verständlich (im Kontext) nicht bestanden Suchergebnislinks geben vom Screenreader keine aussagekräftigen Linkziele aus.
Tastaturfokus ist sichtbar nicht bestanden Fokusrahmen (z.B. bei Suchergebnis-Paginierung) hat mit 1,7:1 zu wenig Kontrast zum Hintergrund auf allen Seiten.
Label enthält sichtbare Beschriftung nicht bestanden Programmatisch ermittelte Beschriftungen mehrerer Links stimmen mit visueller Beschriftung nicht überein (z.B. "Erfahren Sie mehr" vs. "Dynamisches Beschaffungssystem zur Arbeitnehmerüberlassung").
Fokussierung führt nicht zu Kontextänderung nicht bestanden Beim Öffnen des Kontakt-Layers wird bei Fokus auf Schließen-Link dieser automatisch geschlossen und Fokus an Seitenanfang gesetzt.
Label enthalten Eingabehinweise nicht bestanden Suchfeld im Bereich "NICHT GEFUNDEN WAS SIE SUCHEN?" besitzt keine Beschriftung.
Name, Rolle und Wert sind identifizierbar nicht bestanden Slider-Zahlen, Filter-Text und Unternavigations-Layer-Texte werden vom Screenreader als "Schieber", "Menüschaltfläche" oder "Schalter" ausgegeben.

Im Wesentlichen bestanden

Kriterium Status Notizen
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) im Wesentlichen bestanden Weiße Texte auf Teaserbildern im Bereich "Wichtige Themen und aktuelle Informationen" sind teilweise schlecht lesbar.
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Suchseiten-Titel enthält nach erneuter Suche nicht den Suchbegriff.

Bestanden

Kriterium Status Notizen
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
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen 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
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen sind in Textform vorhanden 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
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden Ergebnis der formalen Prüfung: bestanden.
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
bestanden
B.1
PAC3 Test ergibt PDF/UA-konform
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.