Staatliches Gutachten zur digitalen Barrierefreiheit

www.bundestag.de/ausschuesse/a02

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, fehlerhafte Überschriftenstruktur, unklare Landmarken und teils mangelnde Tastaturbedienung schränken Screenreader-Nutzende deutlich ein, lassen die Seite aber noch grundsätzlich nutzbar erscheinen.

Sehbehinderung Mit Hindernissen nutzbar

Kontrastprobleme, schlecht sichtbarer Fokus und rein visuelle Hinweise beeinträchtigen die Nutzung, während Struktur und Zoom grundsätzlich erhalten bleiben.

Hörbehinderung Weitgehend zugänglich

Die Seite bietet Gebärdensprachinhalte und ist überwiegend textbasiert, auch wenn Navigationserklärungen in Gebärdensprache noch unvollständig sind.

Motorische Behinderung Mit Hindernissen nutzbar

Die Seite ist im Wesentlichen per Tastatur bedienbar, jedoch erschweren ein Element außerhalb der Tab-Reihenfolge, problematische Hover-Menüs und teils unlogische Fokusreihenfolgen die Nutzung.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Struktur, fehlende konsistente Titelkomponenten und nur teilweise vorhandene Leichte-Sprache-Erklärungen erschweren die Orientierung, ohne sie völlig zu verhindern.

Neurodivergenz Mit Hindernissen nutzbar

Unübersichtliche Fokusreihenfolge, schlecht sichtbare Fokuszustände und wenig unterstützende Navigationshinweise können Überforderung und Desorientierung auslösen, lassen aber noch eine Nutzung mit erhöhter Anstrengung zu.

Dokumentierte Barrieren

  • Bedienelemente ohne Alternativtext

    Mehrere Schaltflächen und Symbole wie Suche, Pfeile oder Info-Icons haben keinen verständlichen Text für Hilfstechnologien. Dadurch wird ihre Funktion nicht eindeutig vermittelt.

    Auswirkung: Ich kann die Schaltflächen mit einem Screenreader nicht sicher erkennen oder richtig benutzen. Wichtige Funktionen wie Navigation oder Suche werden dadurch stark erschwert.

  • Tastaturmenü lässt sich nicht zuverlässig schließen

    Ein eingeblendetes Menü reagiert nicht wie erwartet auf Tastaturbedienung und lässt sich nicht per Escape schließen. Außerdem verschwindet es selbstständig, sobald der Fokus wechselt.

    Auswirkung: Ich kann mich im Menü leicht verlieren oder Inhalte versehentlich verlieren, bevor ich sie auswählen konnte. Das macht die Bedienung mit Tastatur unnötig unsicher und anstrengend.

  • Ein Steuerungselement per Tastatur nicht erreichbar

    Ein markiertes Bedienelement liegt außerhalb der Tab-Reihenfolge und kann nicht mit der Tastatur angesteuert werden. Damit ist es für rein tastaturbasierte Nutzung nicht erreichbar.

    Auswirkung: Ich komme ohne Maus nicht an diese Funktion heran. Wenn sie zentral ist, kann sie für mich praktisch ausfallen.

  • Grafikinhalt nicht verständlich beschrieben

    Die Grafik zum Mitzeichnungsverlauf wird nur mit einem sehr allgemeinen Text ausgegeben, der den eigentlichen Inhalt nicht beschreibt. Zusätzlich wird die Adresse der Grafik vorgelesen.

    Auswirkung: Ich erfasse den Informationsgehalt der Grafik nicht und weiß nicht, was dort dargestellt wird. Wenn diese Grafik wichtige Sachinformationen enthält, bleiben sie für mich verborgen.

  • Tastaturfokus kaum sichtbar

    Der Fokus ist auf vielen Elementen schwer zu erkennen. Besonders einzelne Buttons zeigen kaum einen erkennbaren Unterschied im fokussierten Zustand.

    Auswirkung: Ich sehe nicht zuverlässig, wo ich mich gerade auf der Seite befinde. Dadurch kann ich per Tastatur leicht versehentlich falsche Elemente aktivieren.

  • Ungültiges HTML beeinträchtigt Hilfstechnologien

    Der Quelltext enthält Strukturfehler wie fehlende Tags und doppelte IDs. Solche Fehler können dazu führen, dass Hilfstechnologien Inhalte falsch auslesen oder überspringen.

    Auswirkung: Ich kann auf unerwartete Sprünge, doppelte Ansagen oder fehlende Inhalte stoßen. Das macht die Nutzung unzuverlässig und kann einzelne Funktionen schwer verständlich machen.

  • Fehlende und falsch geschachtelte Überschriften

    Einige sichtbare Überschriften sind nicht als solche ausgezeichnet oder folgen nicht der richtigen Hierarchie. Dadurch ist die Seitenstruktur für assistive Technologien unklar.

    Auswirkung: Ich kann mir die Seite schlechter über Überschriften erschließen und Abschnitte nicht schnell ansteuern. Das kostet Zeit und macht die Orientierung deutlich schwerer.

  • Visuelle Hinweise ohne textliche Alternative

    Anweisungen auf der Seite beziehen sich auf Farbe, Position oder Symbolform. Solche Hinweise sind nicht für alle Nutzenden verständlich, wenn sie die Seite nicht visuell erfassen können.

    Auswirkung: Ich verstehe Bedienhinweise möglicherweise nicht, weil sie nur auf das Aussehen oder die Lage von Elementen verweisen. Dadurch kann ich Arbeitsschritte leichter übersehen oder falsch ausführen.

  • Sprungnavigation und Bereiche schlecht erkennbar

    Sprunglinks sind nicht sichtbar, die Bereiche sind nicht eindeutig benannt und ein Hauptbereich ist nicht korrekt ausgezeichnet. Dadurch wird das schnelle Wechseln zwischen Navigation und Inhalt erschwert.

    Auswirkung: Ich brauche länger, um zum eigentlichen Inhalt zu gelangen oder zwischen Bereichen zu wechseln. Mit Screenreader ist die Orientierung dadurch spürbar mühsamer.

  • Kontrastarme grafische Bedienelemente

    Mehrere grafische Anzeigen und Symbole heben sich nur schwach vom Hintergrund ab. Bei wechselnden Hintergründen reicht der Kontrast teils nicht aus.

    Auswirkung: Ich erkenne diese Elemente schlechter, besonders bei eingeschränktem Sehvermögen. Dadurch kann ich anklickbare oder wichtige Informationen leichter übersehen.

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
1920 × 1080
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 rot markierten Bedienelemente (Lupe, Pfeile, Info-Icon etc.) besitzen keinen Alternativtext, daher kann der Sinn nicht über Screenreader vermittelt werden. Ergänzen Sie aussagekräftige Texte wie „Suche öffnen“ oder „Zurück“.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte
nicht bestanden Bei der Grafik „Mitzeichnungsverlauf“ wird nur ein generischer Alt-Text übergeben und zusätzlich der URL vorgelesen; der ausführliche Inhalt fehlt. Stellen Sie eine inhaltlich äquivalente Beschreibung direkt im HTML bereit.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften
nicht bestanden Einige visuell erkennbare Überschriften fehlen komplett oder sind nicht korrekt geschachtelt, etwa die untergeordneten Navigationselemente unter „Hilfe“. Die fehlende Struktur erschwert blinden Nutzern die Orientierung; korrigieren Sie die h1–h6-Hierarchie.
4.9.1.3.3
Sensorische Eigenschaften
nicht bestanden Die Benutzungshinweise beschreiben Navigation anhand von Farbe, Position oder Symbolform. Diese rein visuellen Hinweise sind für blinde oder sehbehinderte Personen unzugänglich; formulieren Sie Anweisungen ohne sensorische Merkmale.
4.9.1.4.11
Nicht-Text-Kontrast
nicht bestanden Grafische Videoindikatoren auf der Startseite besitzen bei unterschiedlichen Hintergrundbildern nur Kontrastwerte wie 2,1:1; die Vorgabe liegt bei mindestens 3:1. Erhöhen Sie den Kontrast oder ergänzen Sie Umrandungen, damit alle Grafiken deutlich hervortreten.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben oder Fokus
nicht bestanden Das Hover/Tastaturmenü lässt sich mit Tastatur oder Escape nicht schließen, der Inhalt verschwindet beim Fokusverlust selbstständig. Fügen Sie eine explizite Schließmöglichkeit ein, die ohne Fokusänderung aktivierbar ist, und verhindern Sie ein selbsttätiges Schließen.
4.9.2.4.7
Fokus sichtbar
nicht bestanden Der Tastaturfokus ist auf zahlreichen Elementen kaum erkennbar; besonders auf dem Fragezeichen-Button ist der Kontrast zwischen fokussiertem und nicht-fokussiertem Zustand nicht mindestens 3:1. Erhöhen Sie die Sichtbarkeit des Fokus-Indikators durch stärkeren Kontrast oder sichtbare Ränder.
4.9.4.1.1
Syntaxanalyse
nicht bestanden Der HTML-Quelltext ist nicht durchgehend valide (W3C-Checker zeigt fehlende Tags, doppelte IDs usw.). Ungültiges Markup erschwert assistiven Technologien die Verarbeitung; beseitigen Sie die Syntaxfehler und stellen Sie sauberes HTML sicher.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.c
Leere alt-Attribute für Layoutgrafiken
im Wesentlichen bestanden Dekorative Startseitengrafiken erhalten informative Alternativtexte; Screenreader lesen diese aus und erzeugen unnötige Redundanz. Verwenden Sie ein leeres alt-Attribut (alt="") bzw. verzichten Sie auf title-Attribute bei Dekorationen.
4.9.1.3.1.d
Inhalte gegliedert
im Wesentlichen bestanden Absätze wurden an manchen Stellen mit doppelten <br>-Zeilenumbrüchen realisiert. Screenreader geben dort „leer“ aus. Verwenden Sie stattdessen echte Absatz- und Strukturelemente.
4.9.2.1.1
Tastatur
im Wesentlichen bestanden Ein rot markiertes Steuerungselement auf der Seite liegt außerhalb der TAB-Reihenfolge und kann nicht per Tastatur angesprungen werden. Ergänzen Sie das Element so, dass die Tastatur alle Funktionalitäten erreicht.
4.9.2.4.1
Blöcke überspringen
im Wesentlichen bestanden Sprunglinks sind nicht sichtbar, die Landmarken nicht eindeutig benannt und ein main-Element fehlt. Nutzer von Screenreadern können dadurch nicht zuverlässig zwischen Hauptinhalt und Navigation wechseln. Kennzeichnen Sie die Bereiche und machen Sie die Sprunglinks besser zugänglich.
4.9.2.4.2
Seite mit Titel
im Wesentlichen bestanden Der Seitentitel „Petitionen: Petition 119291“ enthält keine allgemeine Webauftritt-Bezeichnung (z. B. „Deutscher Bundestag – Petitionen – Petition 119291“). Ergänzen Sie den Titel um eine konstante und eine individuelle Komponente.
4.9.2.4.3
Fokus-Reihenfolge
im Wesentlichen bestanden Auf der Seite „Petition 119291“ führt die Tab-Reihenfolge zuerst blau markierte Elemente, danach rot markierte, was bei Tastaturnutzern zu Orientierungslücken führt. Stellen Sie die Tabreihenfolge so her, dass sie der visuellen und inhaltlichen Struktur folgt.
5.1
Erklärung zur Barrierefreiheit
im Wesentlichen bestanden Die Erklärung nennt nicht alle nicht-barrierefreien Inhalte und begründet deren Zustand nicht ausreichend. Ergänzen Sie vollständige Angaben zu ausstehenden Inhalten sowie Gründe und mögliche Alternativen.
5.3
Erläuterungen in Leichter Sprache
im Wesentlichen bestanden Die Seite in Leichter Sprache ist vorhanden, enthält jedoch keine textuellen Hinweise zur Navigation; ergänzen Sie Beschreibungen, wie Nutzer sich auf der Seite orientieren können.
5.4
Erläuterungen in Gebärdensprache
im Wesentlichen bestanden Gebärdensprachliche Inhalte sind vorhanden, aber es fehlen Navigationserklärungen in den Videos. Ergänzen Sie Hinweise zur Bedienung bzw. Positionierung, damit Nutzende sich orientieren können.

Bestanden

Kriterium Status Notizen
5.2
Feedback-Mechanismus (Erklärung zur Barrierefreiheit)
bestanden Ein elektronischer Kontaktweg existiert, inklusive Beschreibung in der Barrierefreiheitserklärung und Verlinkung zu Schlichtungsstelle. Die Anforderung gilt als erfüllt.

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.