Staatliches Gutachten zur digitalen Barrierefreiheit

www.tab-beim-bundestag.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Viele Level-A-Verstöße bei Alternativtexten, Struktur, Formularen und Tastaturfokus erschweren Screenreader-Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Fehlende Kontraste, abgeschnittene Überschriften, überlagernder Top-Button und schlechtes Reflow beeinträchtigen das Lesen und die Orientierung stark.

Hörbehinderung Weitgehend zugänglich

Multimedia ist weitgehend nicht vorhanden bzw. nicht relevant und zentrale Inhalte sind textbasiert, nur das fehlende Gebärdensprachvideo senkt die Nutzbarkeit moderat.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ist vorhanden, aber nicht bedienbare Paginierung, fehlende Skip-Links und teils unsichtbarer Fokus behindern Nutzer mit nur-Tastatur deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Probleme bei Struktur, Überschriften, Linkzwecken und Formularklarheit erschweren Verständnis und Fehlerkorrektur für Menschen mit kognitiven Einschränkungen.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Fokusfolgen, unklare Beschriftungen und fehlende Skip-Links erhöhen kognitive Last, während stabile Seiten ohne Animationen teilweise entlastend wirken.

Dokumentierte Barrieren

  • Fehler in Formularen werden von Screenreadern nicht zuverlässig ausgegeben

    Auf der Formularseite werden Fehlermeldungen im Umfeld der Felder angezeigt, aber nicht sauber mit dem betroffenen Feld verknüpft und von NVDA bei Erscheinen nicht angesagt. Ich muss den Fehler deshalb selbst suchen und den Kontext erraten.

    Auswirkung: Wenn ich ein Formular ausfülle, kann ich leicht übersehen, was genau falsch ist. Das macht das Korrigieren von Eingaben deutlich mühsamer und kann das Absenden verhindern.

  • Suchergebnisse sind per Tastatur nicht komplett nutzbar

    Auf der Suchseite lässt sich die Paginierung der Suchergebnisse nicht mit der Tastatur bedienen. Dadurch kann ich nicht alle Ergebnisse erreichen oder weiterblättern, wenn ich keine Maus benutze.

    Auswirkung: Ich komme möglicherweise nicht an relevante Treffer heran, obwohl sie vorhanden sind. Die Suche bleibt für mich unvollständig nutzbar.

  • Inhalte und Navigation werden auf kleinen Ansichten verdeckt oder abgeschnitten

    Der Top-Button verdeckt Inhalte, die Hamburger-Navigation kann nicht gescrollt werden und im Kopfbereich wird Text teilweise abgeschnitten. Auf der Formularseite ist außerdem die Vorschau-Tabelle auf kleiner Breite nur schwer lesbar.

    Auswirkung: Ich kann Inhalte nicht vollständig lesen oder wichtige Navigation nicht erreichen. Das erschwert mir das Arbeiten auf kleinen Bildschirmen oder bei starker Vergrößerung.

  • Fokus ist an mehreren Stellen nicht sichtbar

    Auf vielen Seiten ist der Tastaturfokus auf wichtigen Bedienelementen kaum oder gar nicht erkennbar, zum Beispiel im Fußbereich, auf dem Top-Button, im Suchfeld oder in Suchergebnis-Links. Damit ist nicht sicher sichtbar, wo ich mich gerade befinde.

    Auswirkung: Ich kann per Tastatur leicht die Orientierung verlieren. Besonders bei längeren Seiten weiß ich dann nicht, welches Element ich als Nächstes aktivieren würde.

  • Such- und Navigationsfunktionen sind nicht eindeutig erkennbar

    Das aufgeklappte Suchfeld hat einen Such-Schalter und zusätzlich einen Such-Link, deren Zweck nicht eindeutig ist. Auch Sprachwechsel, Themeschalter und andere Links sind teils unklar beschriftet.

    Auswirkung: Ich weiß nicht sicher, welches Element ich für die gewünschte Aktion auswählen muss. Dadurch verliere ich Zeit oder lande auf der falschen Funktion.

  • Hauptüberschriften sind teils kaum lesbar

    Auf Start-, Such- und Formularseite liegt die Hauptüberschrift vor einem stark kontrastreichen Hintergrundbild und ist dadurch schlecht erkennbar. Die Seitenüberschrift erfüllt ihre Orientierungshilfe damit nur eingeschränkt.

    Auswirkung: Ich erkenne nicht sofort, worum es auf der Seite geht. Das macht das schnelle Erfassen der Seite besonders für sehschwächere Nutzende schwer.

  • Suchergebnisse und Seiteninhalte sind semantisch schlecht aufgebaut

    Mehrere Seiten nutzen Überschriften, Listen und Tabellen nicht in passender Struktur. Dadurch fehlen klare Gliederung und verlässliche Orientierung, etwa in Suchergebnissen oder in der Vorschau-Tabelle.

    Auswirkung: Ich kann Inhalte schwerer verstehen und schneller überblicken. Für Screenreader-Nutzende wird das Erfassen einzelner Bereiche und Zusammenhänge deutlich erschwert.

  • Kopfbereich verändert sich beim Scrollen und wichtige Funktionen verschwinden

    Wenn der Inhaltsbereich verschoben wird, blendet sich ein Teil des Kopfbereichs aus. Dadurch sind Leichte Sprache, Theme-Wechsel, Sprachwechsel und Suche nicht mehr sofort erreichbar.

    Auswirkung: Ich muss erst wieder zurückscrollen, um zentrale Funktionen zu finden. Das kostet Zeit und kann die Orientierung auf der Seite stören.

  • Wichtige Bereiche können nicht übersprungen werden

    Es gibt keine Skip-Links, um direkt zum Inhaltsbereich zu springen. Ich muss auf jeder Seite wieder die wiederkehrenden Bereiche durchlaufen.

    Auswirkung: Ich brauche deutlich mehr Zeit, um zu den eigentlichen Inhalten zu kommen. Für Tastatur- und Screenreader-Nutzende wird die Navigation unnötig anstrengend.

  • Links sind im Text nur über Farbe unterscheidbar

    Auf einer Inhaltsseite sind Links im Fließtext nur farblich hervorgehoben. Wenn ich Farben schlecht wahrnehme, erkenne ich nicht sicher, was anklickbar ist.

    Auswirkung: Ich übersehe Linkziele leicht oder klicke aus Versehen auf falsche Stellen. Das erschwert das Lesen und Navigieren im Text.

  • Fehlerhinweise sind schlecht lesbar

    Auf der Formularseite haben Fehlermeldungen an Eingabefeldern zu wenig Kontrast. Dadurch sind sie visuell schwer zu erkennen, obwohl sie für die Korrektur wichtig sind.

    Auswirkung: Ich bemerke Formfehler möglicherweise zu spät oder gar nicht. Das macht das Ausfüllen des Formulars unnötig schwierig.

  • Formularanweisungen sind missverständlich formuliert

    Die Anweisung „Bitte klicken Sie in den kleinen Kreis . “ setzt auf eine visuelle Beschreibung, die nicht für alle verständlich ist. Außerdem ist die Datenschutzinformation als Radiobutton umgesetzt, was semantisch irritierend ist.

    Auswirkung: Ich verstehe möglicherweise nicht, was ich tun soll oder welches Element gemeint ist. Das erhöht die Wahrscheinlichkeit von Fehlbedienung im Formular.

  • Nach dem Schließen des Menüs landet der Fokus an unerwarteter Stelle

    Beim Schließen des Flyout-Menüs mit ESC springt der Fokus noch einen Schritt weiter. Das Verhalten entspricht nicht der erwarteten Rückkehr zur vorherigen Position.

    Auswirkung: Ich verliere beim Bedienen mit der Tastatur die Kontrolle über meine Position auf der Seite. Das kann zu Verwirrung und unnötigen Umwegen führen.

  • E-Mail-Adresse im Fußbereich wird vom Screenreader unverständlich vorgelesen

    Die E-Mail-Adresse im Fußbereich wird durch ein ungewöhnliches Sonderzeichen nicht sinnvoll ausgegeben. Dadurch ist die Kontaktadresse nicht zuverlässig erfassbar.

    Auswirkung: Ich kann die Kontaktadresse möglicherweise nicht korrekt abschreiben oder verwenden. Wenn ich Hilfe anfragen möchte, wird mir der Kontakt unnötig erschwert.

  • Seitensprache und einzelne Fremdsprachen sind teils falsch ausgezeichnet

    Ein englischer Inhalt ist nicht als englisch gekennzeichnet, und einige Suchergebnisse sind mit der falschen Sprachkennung versehen. Für Vorleseprogramme kann dadurch die Aussprache unverständlich werden.

    Auswirkung: Ich verstehe Inhalte schlechter, weil Wörter falsch vorgelesen oder eingeordnet werden. Das stört besonders beim Vorlesen längerer Texte oder Suchtreffer.

  • Gebärdensprache-Angebot fehlt

    Es ist kein Gebärdensprachvideo vorhanden. Für gehörlose Nutzende fehlt damit ein üblicher Zugang zu den wesentlichen Informationen zum Angebot.

    Auswirkung: Ich erhalte wichtige Hinweise zur Nutzung der Seite nicht in meiner bevorzugten Zugangsform. Das kann mich beim Verstehen der Angebote deutlich benachteiligen.

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 115.0.5790.171 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2023.1
Tools
NVDA, Google Chrome
  • https://www.tab-beim-bundestag.de/ Web-Angebot öffnen
  • https://www.tab-beim-bundestag.de/search.php?searchquery=Technik&local_search=true
  • https://www.tab-beim-bundestag.de/leichte-sprache-rueck-meldeformular.php
  • https://www.tab-beim-bundestag.de/projekte_gesellschaftliche￾auswirkungen-von-homeoffice.php
  • https://publikationen.bibliothek.kit.edu/1000131774/120641877

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten: Das TAB-Logo im Fußbereich ist mit "TAB" nicht aussagekräftig beschriftet. Alle Seiten: Das TAB-Logo im Kopfbereich ist nicht aussagekräftig beschriftet. Alle Seiten: Das Icons, welches ein externen Link anzeigt, besitzt keine Textalternative. Alle Seiten: Die Icons im Fußbereich unter "Kontakt" besitzen keine Textalternative. Zumindest bei der Telefonnummer ist dies nicht korrekt. Startseite: Der Alternativtext für das Bild unter Teaser "Bakteriophagen …" ist nicht aussagekräftig. Startseite: Hintergrundbilder unter "Weitere Nachrichten" sind mit Alternativtexten ausgezeichnet, besitzen aber keinen Informationsgehalt. Tlw. sind Alternativtexte unverständlich. Sucheseite: Flaggen in den Suchergebnissen haben keinen Alternativtext.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Alle Seiten: Das Cookie-Banner ist nicht innerhalb einer Landmark-Region umgesetzt. Alle Seiten: Das Suchfeld ist visuell nur über placeholder beschriftet. Alle Seiten: Zwei Hauptbereiche sind ausgezeichnet. Zwei Seitenbanner sind definiert. Suchseite, Formularseite, Inhaltsseite: Mehr als eine Navigation ist definiert, keine ist aber beschriftet. Suchseite, Formularseite: Die visuelle Hauptüberschrift ist nicht als Überschrift, sondern als Link ausgezeichnet. Startseite, Formularseite: Die Überschriftenhierarchie ist nicht korrekt. Startseite: Die visuelle Hauptüberschrift ist als Ebene 2, eine visuell untergeordnete Überschrift als Ebene 1 ausgezeichnet. Startseite: Teaser-Überschriften sind strukturell nicht als Überschriften ausgezeichnet. Startseite: Auflistungen in den Teasern "Publikationen" und "Das Tab" sind nicht mit HTML-Listenelementen umgesetzt. Sucheseite: Die Hauptüberschrift ist nicht als solche ausgezeichnet. Sucheseite: Textinhalte der Suchergebnisse sind nicht in semantisch richtigen Strukturelementen umgesetzt. Formularseite: Mehr als eine Hauptüberschrift ist definiert. Formularseite: Die Datenschutzinformation ist mit einem Radiobutton umgesetzt. Das ist semantisch nicht korrekt. Formularseite: Inhalte sind über Attribut border formatiert. Formularseite: Die Tabelle unter "Vorschau" besitzt keine Spaltenüberschriften.
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		nicht bestanden Formularseite: Die Formulierung "Bitte klicken Sie in den kleinen Kreis ..." ist für Nutzer mit Einschränkungen nicht gut oder gar nicht zu verstehen.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Inhaltsseite: Links im Text sind nur durch Farbe markiert.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Formularseite: Fehlermeldungen an Eingabefeldern haben einen zu geringen Kontrastabstand.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Alle Seiten: Der Top-Button verdeckt Inhalte beim Lesen. Alle Seiten: Die Hamburger-Navigation kann nicht gescrollt werden. Zudem werden zusätzlich einblendbare Links unübersichtlich dargestellt (über die Klammer am unteren Ende der Navigation). Alle Seiten: Im Kopfbereich wird Textinhalt abgeschnitten und nicht sinnvoll lesbar dargestellt. Formularseite: Die Inhalte der Vorschau sind nur schwer zu lesen, weil die Tabelle auf die Fensterbreite reduziert wurde.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite, Suchseite, Formularseite: Die Hauptüberschrift ist auf Grund der Darstellung vor einem sehr kontrastreichem Hintergrundbild nicht lesbar.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Alle Seiten: Auf der Linkliste am Ende der Seite sind für einige Links Accesskeys definiert. Diese sind nicht dokumentiert und nur für Screenreader-Nutzer zu erkennen. Sucheseite: Die Paginierung der Suchergebnisse ist nicht per Tastatur bedienbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Es sind keine Skip-Links zum Erreichen von Inhaltsbereichen verfügbar.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Die Links auf den Sprachwechsel und zur Suche sind nicht aussagekräftig beschriftet. Startseite: Die Beschriftung "dunkel" zum Wechseln des Themes ist nicht aussagekräftig. Startseite: Links im Banner unter der visuellen Hauptüberschrift sind mit sehr langen Texten beschriftet. Zudem werden Überschriften verwendet. Startseite: Die Funktion der "Mehr"- und "Entdecken"-Links in Teasern ist durch die Beschriftung und fehlenden Kontext nicht eindeutig zu erkennen. Formularseite: In den Suchergebnissen sind URL verlinkt. Diese Beschriftung ist unverständlich. Inhaltsseite: Das Dateiformat auf das PDF steht nicht innerhalb des Links.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Alle Seiten: Die E-Mail-Adresse im Fußbereich wird durch die Verwendung eines ungewöhnlichen Sonderzeichens unverständlich vom Screenreader ausgegeben. Inhaltsseite: Auch hier ist die E-Mail-Adresse auf der rechten Seite unverständlich.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Alle Seiten: Der Fokusrahmen ist auf den Elementen im Fußbereich (ganz unten) nur sehr schwer zu erkennen. Alle Seiten: Der Fokus ist auf dem Top-Button nicht sichtbar. Startseite: Der Fokus ist auf dem Pfeil-Icon des Suchfeldes im Kopfbereich nicht zu erkennen. Suchseite: Der Fokus ist auf den Links in den Suchergebnissen nicht sichtbar. Suchseite: Der Fokus ist auf dem Pfeil-Icon der Suche-Schalters im Inhaltsbereichs nicht sichtbar. Formularseite: Der Fokus ist auf dem Vorschau-Schalter nicht sichtbar. Auch auf dem Korrigieren- und Absenden-Schalter in der Vorschau.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite "Sustainable Cooling" ist nicht als englischsprachiger Inhalt ausgezeichnet. Suchseite: Einieg Suchergebnisse sind mit lang="en-gb" ausgezeichnet, enthalten aber deutschsprachige Inhalte.
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		nicht bestanden Alle Seiten: Wird er Inhaltsbereich verschoben, wird ab einer bestimmten Position ein Teil des Kopfbereichs ausgeblendet. Leichte Sprache, Theme-Wechsel, Sprachwechsel und Suche sind dann nicht mehr unmittelbar verfügbar/erreichbar.
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		nicht bestanden Startseite: Das Flyout-Menü kann mit ESC geschlossen werden, allerdings wird der Fokus dann immer um einen Schritt weitergesetzt. Das wird von Nutzer nicht erwartet.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Fehlermeldungen werden in ARIA-Liveregionen im Kontext der Felder angezeigt. Diese werden aber nicht vom Screenreader bei Anzeige ausgegeben. Die Meldungen sind nicht mit dem betroffenen Feld verknüpft. Nutzer müssen den Kontext des Feldes betrachten. Hinweis: NVDA gibt die diese Inhalte gar nicht aus, JAWS hingegen schon.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Alle Seiten: Das Suchfeld im Kopfbereich hat, wenn aufgeklappt, einen Suchen-Schalter und anschließend einen Suchen-Link. Die Funktion dieser Elemente ist nicht eindeutig.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Inhaltsseite: Der Seitentitel ist zu lang.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		im Wesentlichen bestanden Hinweis für alle Seiten: Im Link Sitemap im Fußbereich fehlt ein Leerzeichen. Formularseite: Der Absenden-Schalter wird vor dem Korrigieren-Schalter erreicht. Das entspricht nicht der visuellen Abfolge.
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden Alle Seiten: Das Sucheingabefeld im Kopfbereich besitzt strukturell eine Auszeichnung als Pflichtfeld. Visuell ist dies nicht zu erkennen.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		im Wesentlichen bestanden Formularseite: Ein pauschalter Hinweis auf eine ungültige E-Mail-Adresse wird angezeigt.

Bestanden

Kriterium Status Notizen
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden –
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden –
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden –
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden –
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden –
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden –
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		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 –

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht anwendbar

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.

Jetzt via Steady unterstützen