Staatliches Gutachten zur digitalen Barrierefreiheit

Bauministerkonferenz

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Schwerwiegende Probleme wie fehlende Alternativtexte, mangelhafte semantische Struktur, keine Spracheinstellung, unsichtbarer Tastaturfokus und unzugängliche PDFs erschweren Screenreader-Nutzung massiv.

Sehbehinderung Mit Hindernissen nutzbar

Fehlende definierte Hintergrundfarben, Kontrastprobleme, kein Reflow bei 320px und unsichtbarer Fokus beeinträchtigen vergrößerte oder kontrastangepasste Darstellung deutlich.

Hörbehinderung Weitgehend zugänglich

Inhalte sind überwiegend visuell und textbasiert nutzbar, jedoch fehlen verpflichtende Gebärdensprachangebote, was die Zugänglichkeit formeller Informationen einschränkt.

Motorische Behinderung Mit Hindernissen nutzbar

Unsichtbarer Tastaturfokus, unklare Fokusreihenfolge, fehlende Sprunglinks und unsaubere Strukturen erschweren reine Tastatur- oder alternative Eingaben deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Struktur, fehlende individuelle Seitentitel, keine Leichte Sprache und unzureichende Orientierungshilfen machen das Verstehen und Auffinden von Inhalten schwierig.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende klare Struktur, Navigationshilfen, Leichte Sprache und individuell unterscheidbare Seitentitel können Überforderung und Orientierungsprobleme verursachen, lassen aber Grundnutzung noch zu.

Dokumentierte Barrieren

  • Tastaturfokus nicht sichtbar

    Beim Navigieren mit der Tastatur ist nicht erkennbar, welches Element gerade den Fokus hat. Das betrifft die getesteten Seiten durchgehend.

    Auswirkung: Ich weiß nicht, wo ich mich auf der Seite gerade befinde. Dadurch kann ich Links und Schaltflächen leicht verfehlen oder mich in der Seite verlieren.

  • PDF-Dateien ohne zugängliche Struktur

    Das geprüfte PDF ist nicht strukturell getaggt und enthält keine Alternativtexte für Grafiken. Dadurch fehlen zentrale Zugänge für Screenreader und andere Hilfsmittel.

    Auswirkung: Ich kann Inhalte im Dokument nicht zuverlässig als Überschriften, Absätze oder Bilder erkennen. Wichtige Informationen bleiben mir dadurch möglicherweise verborgen.

  • Suchfeld ohne erkennbare Beschriftung

    Das Suchfeld hat kein sichtbares oder programmgesteuertes Label. Auch der Name des Feldes ist für Sprachsteuerung nicht zuverlässig verfügbar.

    Auswirkung: Ich weiß nicht, was ich dort eingeben soll, wenn ich die Seite nicht sehen kann. Per Sprache kann ich das Feld möglicherweise nicht direkt ansteuern.

  • Bilder ohne aussagekräftige Alternativtexte

    Mehrere wichtige Fotos und verlinkte Grafiken sind nicht sinnvoll beschrieben. Dadurch fehlt für den Inhalt oder das Ziel der Grafik eine textliche Alternative.

    Auswirkung: Ich kann die Bilder nicht verstehen, wenn ich sie nicht sehen kann. Bei verlinkten Grafiken weiß ich außerdem nicht, wohin sie führen oder was ich dort bekomme.

  • Horizontales Scrollen auf kleinen Bildschirmen

    Bei schmaler Ansicht brechen Inhalte nicht korrekt um und erzeugen horizontale Scrollbalken. Die Seite ist damit nicht sauber an mobile oder vergrößerte Ansichten angepasst.

    Auswirkung: Ich muss ständig seitlich scrollen, um Inhalte zu erfassen. Das kostet Zeit und kann dazu führen, dass ich Elemente übersehe.

  • Zu schwacher Kontrast und farbabhängige Kennzeichnung

    Wichtige Informationen wie der aktive Menüpunkt werden nur über Farbe vermittelt, und die Linkfarbe ist kaum vom Hintergrund unterscheidbar. Zusätzlich fehlen definierte Hintergrundfarben, was die Lesbarkeit weiter verschlechtern kann.

    Auswirkung: Ich übersehe möglicherweise, wo ich mich auf der Seite befinde. Wenn ich Kontrast verstärke oder eigene Darstellungen nutze, kann Text schwer lesbar werden.

  • Sprache der Seite nicht festgelegt

    Für die Seiten ist keine Hauptsprache angegeben. Hilfsmittel können deshalb die richtige Aussprache und Verarbeitung des Inhalts nicht sicher erkennen.

    Auswirkung: Ich höre Wörter möglicherweise falsch ausgesprochen oder der Screenreader verhält sich unpassend. Das erschwert das Verstehen von Texten und Navigation.

  • Unklare Navigation durch fehlende Listenstruktur

    Mehrere Menüs sind nicht als Listen ausgezeichnet. Die Seitenstruktur ist dadurch für assistive Technologien schwer erkennbar.

    Auswirkung: Ich kann nicht leicht sehen, welche Punkte zusammengehören oder wie viele Navigationseinträge es gibt. Das macht das schnelle Erfassen und Wechseln zwischen Bereichen unnötig schwierig.

  • Tabelleninhalte nicht eindeutig zuordenbar

    In den Tabellen sind die Spaltenüberschriften nicht semantisch als Kopfzellen markiert. Dadurch lässt sich der Bezug zwischen Daten und Überschrift nur eingeschränkt erkennen.

    Auswirkung: Ich kann Tabellenwerte nicht zuverlässig der richtigen Spalte zuordnen. Besonders bei komplexeren Tabellen kann ich Inhalte falsch verstehen.

  • Wiederkehrende Bereiche nicht überspringbar

    Es fehlen Sprunglinks, Landmarken oder klare Bereichsüberschriften zum direkten Überspringen von Seitenteilen. Die Navigation beginnt daher immer wieder von vorne.

    Auswirkung: Ich muss mich bei jedem Seitenaufruf erneut durch wiederkehrende Bereiche arbeiten. Das macht die Nutzung deutlich mühsamer und langsamer.

  • Keine Erklärung zur Barrierefreiheit und kein klarer Feedbackweg

    Es fehlt eine vollständige Barrierefreiheitserklärung mit Hinweisen zu Problemen, Alternativen und Kontaktmöglichkeiten. Auch der Feedbackprozess ist nicht klar verknüpft.

    Auswirkung: Ich weiß nicht, an wen ich mich bei Barrieren wenden kann. Wenn ich auf ein Problem stoße, fehlen mir Orientierung und ein verlässlicher Meldeweg.

  • Seitentitel nicht unterscheidbar

    Die Seiten tragen keinen eindeutigen individuellen Titel im Browser-Tab. Alle Tabs wirken gleich und geben keine klare Orientierung über den Inhalt der jeweiligen Seite.

    Auswirkung: Ich kann geöffnete Seiten schlechter auseinanderhalten. Das erschwert das Wiederfinden und den Wechsel zwischen mehreren Unterseiten.

  • Keine Angebote in Leichter Sprache und Gebärdensprache

    Es gibt keine zusätzlichen Informationen in Leichter Sprache oder Gebärdensprache. Für einen Teil der Zielgruppen fehlen damit grundlegende Verständnishilfen.

    Auswirkung: Ich kann wichtige Inhalte möglicherweise nicht ausreichend verstehen, wenn ich auf einfache Sprache oder Gebärdensprache angewiesen bin. Das betrifft besonders grundlegende Informationen zur Nutzung der Seite.

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 (Version 1909)
Browser
Firefox (Version 88.0)
Screenreader
NVDA (Version 2020.3)
Auflösung
1920x1080
Tools
Colour Contrast Analyser (Version 3.1.1), PDF Accessibility Checker 3 (Version 3.0.7.0)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente
nicht bestanden Die blauen Grafiken, die auf Downloads verlinken, verwenden nur das Wort „Bild“ im Alternativtext. Ergänzen Sie alt-Texte, die Linkziel und Dateityp beschreiben.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte
nicht bestanden Wichtige Fotos (z. B. auf der Startseite und Unterseiten) haben kein alt-Attribut, wodurch blinde NutzerInnen den Inhalt nicht verstehen können. Fügen Sie beschreibende Alternativtexte hinzu.
4.9.1.3.1.b
HTML-Strukturelemente für Listen
nicht bestanden Mehrere Menüs sind nicht als Listen ausgezeichnet, sodass Screenreader-BenutzerInnen die Struktur nicht erkennen. Markieren Sie Menüs mit ul/ol/li oder entsprechenden semantischen Elementen.
4.9.1.3.1.e
Datentabellen richtig aufgebaut
nicht bestanden Spaltenüberschriften in den Ministierungstabellen verwenden keine <th>-Elemente, was die Zuordnung für Screenreader erschwert. Kennzeichnen Sie Kopfzeilen semantisch.
4.9.1.4.3
Kontrast (Minimum)
nicht bestanden Es fehlen durchgehend definierte Hintergrundfarben; Browser mit eigenen Hintergründen können dadurch schlecht lesbaren Text anzeigen. Legen Sie zu jeder Textfarbe auch eine passende Hintergrundfarbe fest.
4.9.1.4.10
Automatischer Umbruch (Reflow)
nicht bestanden Bei 320px Breite entstehen horizontale Scrollbalken auf allen Seiten, Inhalte brechen nicht korrekt um. Stellen Sie sicher, dass Layouts responsiv ohne horizontales Scrollen funktionieren.
4.9.2.4.1
Blöcke überspringen
nicht bestanden Es fehlen Bereichsüberschriften, Sprunglinks oder HTML5-Landmarks, sodass wiederkehrende Bereiche nicht übersprungen werden können. Ergänzen Sie entsprechende Landmarken/Sprunglinks.
4.9.2.4.2
Seite mit Titel
nicht bestanden Den verwendeten Seiten fehlt die individuelle Seitenbezeichnung im Document Title; alle Tabs zeigen denselben allgemeinen Titel. Ergänzen Sie eindeutige, themenbezogene Titel.
4.9.2.4.4
Linkzweck (im Kontext)
nicht bestanden PDF-Links geben weder im Linktext noch im title-Attribut oder visuell das Dateiformat preis. Ergänzen Sie Hinweise auf PDF bzw. andere Formate, damit der Zweck klar wird.
4.9.2.4.7
Fokus sichtbar
nicht bestanden Tastaturfokus ist auf allen getesteten Seiten unsichtbar (Firefox und Chrome). Stellen Sie durch CSS einen deutlich sichtbaren Fokus dar.
4.9.2.5.3
Beschriftung (Label) im Namen
nicht bestanden Das Suchfeld hat weder sichtbares noch unsichtbares Label oder placeholder, sodass Spracheingaben das Feld nicht adressieren können. Ergänzen Sie ein programmgesteuertes Label.
4.9.3.1.1
Sprache der Seite
nicht bestanden Alle Seiten fehlen das lang-Attribut; Screenreader können die Sprache nicht eindeutig bestimmen. Setzen Sie die korrekte Hauptsprache über lang.
4.9.3.3.2
Beschriftungen (Labels) oder Anweisungen
nicht bestanden Das Suchfeld besitzt weder sichtbares noch verborgenes Label; blinde NutzerInnen wissen nicht, was einzugeben ist. Fügen Sie Label oder aria-label hinzu.
4.9.4.1.1
Syntaxanalyse
nicht bestanden Der HTML-Quelltext weist laut W3C-Checker auf allen getesteten Seiten Syntaxfehler auf, was assistive Technologien erschwert. Beheben Sie die markierten Validatorfehler.
4.14
Ergebnisse der Überprüfung von Dokumenten
nicht bestanden Das geprüfte PDF weist fehlende Struktur-Tags und fehlende Alternativtexte für Grafiken auf; Screenreader können Inhalte nicht korrekt wiedergeben. Taggen Sie Überschriften+Grafiken und ergänzen Sie Alternativtexte.
5.1
Erklärung zur Barrierefreiheit
nicht bestanden Es existiert keine Erklärung zur Barrierefreiheit mit Beschreibung der nicht barrierefreien Inhalte, Gründen, Alternativen, Kontakt und Schlichtungslink. Erstellen Sie eine vollständige Erklärung mit Verlinkung.
5.2
Feedback-Mechanismus (Erklärung zur Barrierefreiheit)
nicht bestanden Die vorhandene Kontaktmöglichkeit wird nicht in der Erklärung zur Barrierefreiheit genannt bzw. verlinkt. Verknüpfen Sie die elektronische Kontaktoption mit der Erklärung und beschreiben Sie den Feedback-Prozess.
5.3
Erläuterungen in Leichter Sprache
nicht bestanden Es gibt keine Leichte-Sprache-Seite mit Erläuterungen zu Inhalten, Navigation und Erklärung zur Barrierefreiheit. Bieten Sie eine solche Seite gemäß BITV 2.0 Anlage 2 an.
5.4
Erläuterungen in Gebärdensprache
nicht bestanden Es fehlen Gebärdensprachvideos mit Informationen zu Inhalten, Navigation und Erklärung zur Barrierefreiheit. Ergänzen Sie barrierefreie Gebärdensprachinhalte gemäß BITV 2.0.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften
im Wesentlichen bestanden Die Seiten beginnen mit h2/h3 statt einer h1; dadurch ergibt sich eine nicht-logische Hierarchie. Verwenden Sie seitenweite Überschriftenhierarchien mit h1 an geeigneter Stelle.
4.9.1.3.1.g
Kein Strukturmarkup für Layouttabellen
im Wesentlichen bestanden Die Startseite nutzt eine Layouttabelle, was bei assistiven Technologien zu Orientierungsproblemen führt. Verwenden Sie stattdessen Layout-Elemente wie div oder css-grid.
4.9.1.4.1
Benutzung von Farbe
im Wesentlichen bestanden Die Linkfarbe ist nur 1,1:1 kontrastiert; die Information über einen aktiven Menüpunkt ist damit farbgebunden. Stellen Sie andere Hervorhebungen oder stärkeren Kontrast bereit.
4.9.2.4.3
Fokus-Reihenfolge
im Wesentlichen bestanden Unsichtbare Elemente werden per Tab angesprungen und geben „leer“ aus, die Fokusreihenfolge ist dadurch nicht vorhersehbar. Entfernen oder verstecken Sie diese Elemente programmgesteuert.

Möglicherweise verwandte Prüfungen

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.