Staatliches Gutachten zur digitalen Barrierefreiheit

www.nationaler-aktionsplan-integration.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Viele semantische und Formular-Probleme sowie fehlende Video-Alternativen erschweren Screenreader-Nutzung trotz grundsätzlich guter Tastaturbedienung.

Sehbehinderung Mit Hindernissen nutzbar

Grundfunktionen, Zoom und Textabstände sind nutzbar, aber schwache Kontraste bei Formularen und Videountertiteln sowie teilweise unsichtbare Elemente beeinträchtigen die Nutzung merklich.

Hörbehinderung Mit Hindernissen nutzbar

Fehlende Untertitel und Alternativen für Videos sowie kein Gebärdensprachangebot schränken zentrale Informationszugänge stark ein.

Motorische Behinderung Weitgehend zugänglich

Seite ist voll tastaturbedienbar ohne Tastaturfallen und ohne komplexe Zeigereingaben, kleinere Probleme bei Fokusreihenfolge sind vorhanden, aber meist überwindbar.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unklare Linkzwecke und teils unverständliche Fehlermeldungen erschweren Orientierung und Formulare deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Stabile Navigation und keine problematischen Animationen helfen, aber unklare Links, zusätzliche unsichtbare Tabschritte und komplexe Textinhalte können ablenken und überfordern.

Dokumentierte Barrieren

  • Videos ohne Untertitel und Alternativen

    Auf mehreren Seiten gibt es Videos, aber dafür fehlen Untertitel und eine textliche Alternative. Die Inhalte werden dadurch nur über das Bild und gesprochene Sprache vermittelt.

    Auswirkung: Ich kann die Videoinhalte nicht oder nur sehr unvollständig erfassen, wenn ich nichts hören kann oder Inhalte lieber lese. Wichtige Informationen auf der Startseite oder in der Videoseite bleiben mir sonst verborgen.

  • Fehler im Formular schwer auffindbar

    Auf der Kontaktseite werden Fehlermeldungen nur gesammelt am Anfang des Formulars angezeigt und nicht direkt beim betroffenen Feld. Zusätzlich sind die Fehlermeldungen nicht mit den Feldern verknüpft.

    Auswirkung: Ich erkenne oft nicht sofort, welches Feld falsch ist und was ich dort korrigieren muss. Das Ausfüllen und Absenden des Kontaktformulars wird dadurch unnötig schwierig oder frustrierend.

  • Unverständliche Fehlerhinweise im Formular

    Mindestens ein Korrekturhinweis im Formular ist sprachlich unverständlich und wirkt wie ein technischer Platzhalter. Nutzer erhalten damit keinen klaren Hinweis, wie sie den Fehler beheben können.

    Auswirkung: Ich weiß nicht, was ich eingeben oder ändern soll, um das Formular erfolgreich zu senden. Gerade bei Pflichtfeldern kann ich dadurch an einer zentralen Aufgabe scheitern.

  • Unsichtbare Tabstopps am Seitenanfang

    Auf allen Seiten gibt es am Anfang mehrere Tabulator-Schritte zu Elementen, die nicht sichtbar sind. Beim Navigieren mit der Tastatur landet der Fokus zunächst auf scheinbar nicht vorhandenen Bedienelementen.

    Auswirkung: Ich verliere beim Bedienen mit der Tastatur die Orientierung und muss unnötig weit tabben. Das macht die Nutzung anstrengender und kann wichtige Inhalte weiter nach hinten schieben.

  • Keine Leichte Sprache und keine Gebärdensprache

    Es gibt weder Inhalte in Leichter Sprache noch ein Gebärdensprachvideo. Für manche Nutzergruppen fehlen damit wichtige alternative Zugänge zu den Inhalten.

    Auswirkung: Wenn ich einfache Sprache oder Gebärdensprache brauche, kann ich die Inhalte nur eingeschränkt verstehen. Gerade bei Informationsseiten erschwert das den Zugang erheblich.

  • Zu schwacher Kontrast bei Formularfeldern

    Die Rahmen und Linien der Formularfelder heben sich zu wenig vom Hintergrund ab. Die Eingabefelder sind dadurch visuell schwerer zu erkennen.

    Auswirkung: Ich sehe schlechter, wo ich klicken oder tippen soll, besonders bei eingeschränktem Sehvermögen. Das kann das Ausfüllen des Kontaktformulars verlangsamen oder erschweren.

  • Wichtige Bedienelemente im Hochkontrastmodus schwer erkennbar

    Im Hochkontrastmodus sind Logos, Video-Steuerelemente und die aktive Paginierung im Slider nicht gut sichtbar. Dadurch gehen wichtige Orientierungselemente und Bedienelemente optisch verloren.

    Auswirkung: Ich kann zentrale Navigationselemente oder den aktuellen Zustand schwer erkennen. Das erschwert mir die Nutzung der Startseite und der Videobereiche deutlich.

  • Linkziel von „mehr“-Links unklar

    Auf der Startseite heißen mehrere Links nur „mehr“, ohne klar zu sagen, wohin sie führen. Der Zusammenhang ergibt sich aus dem Linktext allein nicht.

    Auswirkung: Ich weiß nicht, welchen Inhalt ich nach dem Aktivieren erhalte. Das erschwert mir die Orientierung und das gezielte Springen zu passenden Themen.

  • Lange und doppelte Link- und Überschriftstexte

    Ein Artikel-Link enthält Überschrift und Beschreibung zusammen und wirkt dadurch sehr lang. Außerdem wird ein „Mehr“-Link pro Slide mehrfach vom Screenreader ausgegeben.

    Auswirkung: Ich muss mir lange, schwer erfassbare Linktexte merken und höre unnötige Wiederholungen. Das verlangsamt die Navigation und macht das Erfassen der Seite anstrengender.

  • Formularfelder merken Eingaben nicht automatisch

    Die Formularfelder auf der Kontaktseite sind nicht mit Autocomplete-Informationen ausgezeichnet. Der Browser kann daher persönliche Eingaben nicht sinnvoll vorbefüllen oder unterstützen.

    Auswirkung: Ich muss Daten wie Name, E-Mail oder Adresse häufiger manuell neu eingeben. Das kostet Zeit und erhöht die Fehleranfälligkeit.

  • Fehlende Erklärung und kein Feedback-Kanal zur Barrierefreiheit

    Eine Erklärung zur Barrierefreiheit und ein Feedbackmechanismus fehlen. Damit gibt es keinen klaren Weg, Barrieren zu melden oder Hilfe anzustoßen.

    Auswirkung: Ich weiß nicht, wohin ich mich wenden kann, wenn ich ein Problem finde. Das macht es schwerer, Unterstützung zu bekommen oder Verbesserungen anzustoßen.

  • Seitenname in Titeln fehlt

    Auf den meisten Unterseiten fehlt der Website-Name im Seitentitel. Die Titel sagen dadurch weniger klar, zu welcher Website die Seite gehört.

    Auswirkung: Ich kann offene Tabs oder Treffer in der Browserliste schlechter unterscheiden. Das erschwert mir die Orientierung, wenn ich mehrere Seiten parallel nutze.

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 100.0.4896.127
Screenreader
NVDA 2021.3.5
  • www.nationaler-aktionsplan-integration.de Web-Angebot öffnen
  • https://www.nationaler-aktionsplan-integration.de/napi-de/kontakt
  • https://www.nationaler-aktionsplan-integration.de/napi-de/ueber-uns
  • https://www.nationaler-aktionsplan-integration.de/napi-de/ueber-uns/-meine-chancen-haben-einen-namen-hilde-und-werner--1723946
  • https://www.nationaler-aktionsplan-integration.de/resource/blob/1723748/1798222/403a846607fd39ad65591ce1f8c0d309/bericht-phase-ii-data.pdf?download=1

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Layoutgrafik im Bereich „Das tun wir für ihre Chance“ fehlt leeres alt, der title-Text des SVG-Logos entspricht nicht exakt dem Logotext.
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht bestanden Videoseite: Video besitzt keinen Untertitel.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Startseite, Videoseite: Zu den Videos wird keine Alternative bereitgestellt.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Fehlermeldungen nicht mit Formularfeldern verknüpft, Hauptnav-Links in zwei Listen, mehrere H1, Logos und Video-Steuerelemente im Hochkontrastmodus nicht gut sichtbar, aktive Paginierung im Slider nicht sichtbar.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularfelder auf Kontaktseite sind nicht mit autocomplete-Attribut ausgezeichnet.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Formularseite: Linien und Rahmen der Formularfelder haben zu geringes Kontrastverhältnis zum Hintergrund.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Alle Seiten: Am Anfang befinden sich sieben nicht sichtbare Tabschritte.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: In Bereichen wie „Viele Chancen – So gestalten wir gemeinsam“ ist Ziel der „mehr“-Links nicht erkennbar.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Startseite: „Mehr“-Link wird pro Slide mehrfach vom Screenreader ausgegeben. Inhaltsseite: Artikel-Link enthält Überschrift und Beschreibung, wirkt zu lang.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Fehlermeldungen nur am Formularanfang, nicht beim jeweiligen Feld.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht bestanden Formularseite: Korrekturhinweis bei leerer E-Mail-Adresse unverständlich (???: form.validation.requiredpattern).
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Seiten enthalten Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Slider-Paginierungsbuttons werden als Registerkarten ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Erklärung fehlt.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Feedbackmechanismus fehlt.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Keine Inhalte in leichter Sprache vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Kein Gebärdensprachvideo vorhanden.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		im Wesentlichen bestanden Startseite: Untertitel im Video sind aufgrund transparentem Hintergrund schwer lesbar.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Alle Seiten außer Startseite: Seitentitel fehlen Webseitennamen.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		im Wesentlichen bestanden Startseite: Slider-Paginierungsbuttons haben englische Beschriftung; Sprachwechsel nicht ausgezeichnet auf HTML-Ebene.

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden –
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		bestanden –
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		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.1
Zeitbegrenzungen sind steuerbar 		bestanden –
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.7
Tastaturfokus ist sichtbar 		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.1
Fokussierung führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden –
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden –
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden –
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		bestanden PDF mit wichtigem Inhalt wurde mit PAC3 getestet und 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.

Jetzt via Steady unterstützen