Staatliches Gutachten zur digitalen Barrierefreiheit

www.bmas.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, fehlerhafte Landmark-Struktur, Probleme bei Lesereihenfolge, Fokus und Highcharts-Tastaturbedienung erschweren Screenreader-Nutzung deutlich, machen Inhalte aber nicht vollständig unzugänglich.

Sehbehinderung Mit Hindernissen nutzbar

Kontrastprobleme, unvollständige Darstellung bei 200–400 % Zoom und schlecht erkennbare Fokusmarkierung beeinträchtigen die Nutzung, Grundfunktionen bleiben aber erreichbar.

Hörbehinderung Fast barrierefrei

Untertitel und Alternativen für Medien sind vorhanden und es gibt ein Gebärdensprachangebot, so dass nur geringe Einschränkungen zu erwarten sind.

Motorische Behinderung Weitgehend zugänglich

Seite ist weitgehend tastaturbedienbar ohne Fallen oder komplexe Zeigergesten, aber Probleme bei Highcharts-Tastaturbedienung und schwer erkennbarem Fokus können die Nutzung erschweren.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation, verständliche Labels, Fehlermeldungen und leichte Sprache unterstützen, während komplexe Diagramme und teils lange Titel einzelne Inhalte erschweren können.

Neurodivergenz Weitgehend zugänglich

Fehlende Zeit- und Animationsprobleme sowie konsistente Struktur sind positiv, aber unklare Fokusreihenfolge, komplexe Diagramme und teilweise unübersichtliche Screenreader-Ausgaben können überfordern.

Dokumentierte Barrieren

  • Tastaturbedienung von Diagrammen ist nur eingeschränkt möglich

    Die interaktiven Highcharts-Diagramme lassen sich mit Tastatur und Screenreader nur teilweise bedienen. Pfeiltasten funktionieren nur eingeschränkt, sodass nicht alle Diagrammfunktionen erreichbar sind.

    Auswirkung: Ich kann Diagramme nicht zuverlässig ohne Maus nutzen. Damit bleiben mir Teile der Statistik- oder Informationsseiten praktisch verschlossen.

  • Fehlende Alternativtexte für wichtige Grafiken und Diagramme

    Einige Bilder und Diagramme auf der Seite haben keine brauchbare Textalternative. Dazu gehören auch informationstragende Grafiken, die für assistive Technologien nicht verständlich aufbereitet sind.

    Auswirkung: Ich kann wichtige Inhalte nicht erfassen, wenn ich auf Vorlesesoftware angewiesen bin. Besonders bei Grafiken und Diagrammen verliere ich dann zentrale Informationen.

  • Wichtige Inhalte werden bei Vergrößerung abgeschnitten oder unvollständig angezeigt

    Bei starker Vergrößerung werden einzelne Inhalte nicht vollständig dargestellt. Das betrifft zum Beispiel Navigationspunkte, modale Dialoge und Tooltips.

    Auswirkung: Ich muss horizontal oder innerhalb einzelner Bereiche mühsam scrollen und sehe Inhalte nicht auf einen Blick. Manche Bedienelemente wirken dadurch schwer erreichbar oder unvollständig.

  • Fokus springt in versteckte oder unpassende Bereiche

    Die Fokusreihenfolge passt nicht immer zur sichtbaren Arbeitsreihenfolge. Teilweise werden auch visuell ausgeblendete Inhalte fokussiert, wodurch sich der Bildausschnitt mehrfach verschiebt.

    Auswirkung: Ich verliere beim Bedienen mit Tastatur leicht die Orientierung. Ich muss unnötig suchen und kann Arbeitsschritte nicht flüssig abschließen.

  • Diagramminhalte werden teilweise nur über Farbe vermittelt

    In interaktiven Diagrammen wird Information stellenweise ausschließlich über Farben unterschieden. Bei veränderten Kontrasten oder für Menschen mit Farbsehschwäche gehen diese Unterschiede teilweise verloren.

    Auswirkung: Ich kann Datenpunkte oder Zusammenhänge nicht sicher unterscheiden, wenn ich Farben nicht gut wahrnehme. Dadurch verstehe ich die Aussagen der Diagramme nur unvollständig.

  • Lesereihenfolge und Struktur sind nicht immer schlüssig

    Auf mehreren Seiten weicht die programmatische Reihenfolge von der sichtbaren Anordnung ab. Außerdem sind Überschriften, Landmarken und Listen teilweise falsch ausgezeichnet oder unpassend beschriftet.

    Auswirkung: Ich bekomme Inhalte in einer verwirrenden Reihenfolge vorgelegt und kann Abschnitte schlechter überblicken. Mit Screenreader wird das Navigieren dadurch deutlich mühsamer.

  • Fehlerhafte Formularfelder werden nach Absenden nicht direkt erreichbar

    Nach dem Absenden eines fehlerhaften Formulars springt der Fokus nicht auf das erste fehlerhafte Feld. Dadurch wird der Einstieg in die Fehlerkorrektur erschwert.

    Auswirkung: Ich muss die Fehlerstellen selbst suchen, statt direkt zur ersten Problemstelle geführt zu werden. Das kostet Zeit und kann dazu führen, dass ich Eingaben übersehe.

  • Sprachwechsel in Diagrammen ist nicht gekennzeichnet

    In Diagrammen tauchen teilweise anderssprachige Begriffe auf, ohne dass der Sprachwechsel markiert ist. Das betrifft insbesondere einzelne englische Textelemente.

    Auswirkung: Ich verstehe einzelne Begriffe möglicherweise falsch oder gar nicht, wenn mein Vorleseprogramm die Sprache nicht passend umstellt. Das erschwert das Erfassen der Diagramminhalte.

  • Fokusmarkierung ist schwer erkennbar

    Die sichtbare Hervorhebung des Tastaturfokus ist auf dem grafischen Sprung-zum-Seitenanfang-Element schlecht erkennbar. Damit ist nicht immer klar, wo sich der Fokus gerade befindet.

    Auswirkung: Ich kann per Tastatur schlechter erkennen, welches Element aktiv ist. Das erhöht die Gefahr von Fehlbedienung und Verwirrung.

  • Screenreader-Ausgaben können unnötig lang und unübersichtlich sein

    Einzelne Elemente werden mit mehreren Rollen oder unnötigen Zusatzangaben ausgegeben. Dadurch entstehen sehr lange Ansagen, zum Beispiel bei Slidern.

    Auswirkung: Ich muss mir mehr Informationen anhören als nötig und verliere schneller den Überblick. Das verlangsamt die Nutzung und kann Inhalte schwerer verständlich machen.

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 113.0.5672.127 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2022.4
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.bmas.de/DE/Startseite/start.html Web-Angebot öffnen
  • https://www.bmas.de/SiteGlobals/Forms/Suche/Servicesuche_Formular.html?templateQueryString=Barriere
  • https://www.bmas.de/DE/Service/Kontakt/Kontaktformular/kontaktformular.html
  • https://www.bmas.de/DE/Soziales/Rente-und-Altersvorsorge/Fakten-zur-Rente/Gesetzliche-Rentenversicherung/gesetzliche-rentenversicherung.html
  • https://www.bmas.de/SharedDocs/Downloads/DE/Publikationen/Forschungsberichte/fb-620-evaluation-der-eutb.pdf?__blob=publicationFile&v=3

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden * Startseite: Einzelne Layoutgrafiken werden nicht für assistive Technologien ausgeblendet (z. B. vor dem Link zu den Entlastungspaketen). * Suchseite: Informationenstragende Grafiken wie das Logo der Initiative "einfach teilhaben" haben keine aussagekräftigen Alternativtexte. * Inhaltsseite: Komplexe Grafiken/Diagramme haben keine Alternative; die interaktiven Highcharts-Diagramme sind nur linear lesbar und enthalten teilweise englischen Text.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Startseite: Programatische Beschriftungen einzelner interaktiver Elemente falsch (z. B. mehrfach "Das BMAS auf Twitter"). Einige Bereiche mit Landmarktags versehen, die keinen Bezug zum Inhalt haben. * Formularseite: Listen (z. B. Radiobutton-Gruppen) sind falsch ausgezeichnet. * Inhaltsseite: Programatisch ausgezeichnete Überschriften weichen von visueller Struktur ab, auch <b>-Elemente und <h6> bei modalen Dialogen. Kontrastanpassung erschwert Informationen, modale Dialoge ohne Rahmen. * Alle Seiten: Überschriften stimmen nicht mit Struktur überein; redundante versteckte Überschriften; Hauptüberschrift beschreibt Thema nicht.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden * Startseite: Programatische Lesereihenfolge weicht von visuell logischer Reihenfolge ab (z. B. Beiträge im Abschnitt "Aktuelles aus den sozialen Netzwerken"). * Suchseite: Leere Links erzeugen Leerstellen (z. B. leeres <a>-Element vor "Expertensuche").
Farbe ist nicht einziger Informationsträger nicht bestanden Inhaltsseite: Informationen der interaktiven Highcharts-Diagramme werden teilweise ausschließlich durch Farbe kommuniziert; bei Kontrastanpassung sind sie nicht mehr erkennbar.
Schriftgröße kann angepasst werden nicht bestanden Alle Seiten: Bei Browser-Zoom bis 200 % werden einzelne Inhalte nicht mehr vollständig dargestellt (z. B. letzter Navigationspunkt im Burger-Menü).
Inhalte brechen in einspaltiges Layout um nicht bestanden Inhaltsseite: Bei hoher Vergrößerung (Zoom 400 %, Viewport 1280x1024) werden Inhalte wie modale Dialoge und Tooltips der Highcharts-Diagramme nicht vollständig dargestellt bzw. müssen erst gescrollt werden. Alle Seiten: Bei gleicher Vergrößerung ist der Navigationspunkt "Service" im Burger-Menü nicht vollständig sichtbar.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Inhaltsseite: Einzelne Nicht-Text-Inhalte in Grafiken/Diagrammen erfüllen nicht den Minimalskontrast von 3:1 (z. B. gelb zu helles grünblau 1,2:1, gelb zu weiß 1,4:1, dunkles grünblau zu helles grünblau 1,6:1).
Tastaturbedienbarkeit ist gegeben nicht bestanden Inhaltsseite: Interaktive Highcharts-Diagramme können mit aktivem Screenreader nur eingeschränkt mit der Tastatur bedient werden; Navigation mit Pfeiltasten ist nur teilweise möglich.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Formularseite: Fokusfolge entspricht teilweise nicht der visuellen Arbeitsreihenfolge; nach Absenden eines fehlerhaften Formulars erhält das erste fehlerhafte Feld nicht den Fokus. Inhaltsseite: Visuell ausgeblendete Inhalte (z. B. Highcharts-Navigation) werden fokussiert, wodurch der Bildausschnitt mehrfach verschoben wird.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Inhaltsseite: Die interaktiven Highcharts-Diagramme enthalten teilweise anderssprachigen Text ohne Kennzeichnung.
Name, Rolle und Wert sind identifizierbar nicht bestanden Startseite: Einzelne Elemente (z. B. Slider im Abschnitt "Serviceangebote") werden mit mehreren Rollen ausgegeben, z. B. mit aria-roledescription, was zu sehr langen Screenreader-Ausgaben führt.

Im Wesentlichen bestanden

Kriterium Status Notizen
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Startseite: Dokumenttitel "BMAS - Startseite der Internet-Plattform des Bundesministeriums für Arbeit und Soziales" ist sehr lang und enthält redundante Informationen.
Tastaturfokus ist sichtbar im Wesentlichen bestanden Alle Seiten: Fokus-Hervorhebung auf dem grafischen Bedienelement zum Springen an den Seitenanfang ist schwer erkennbar.

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
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Textabstände sind anpassbar 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
Wiederkehrende Bereiche können übersprungen werden bestanden
Linkzweck ist verständlich (im Kontext) 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 sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden Alle Seiten: Das HTML enthält WCAG-relevante Syntaxfehler.
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden * Ergebnis der formalen Prüfung: nicht 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 Die PDF-Datei ist PDF/UA-konform.

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.