Staatliches Gutachten zur digitalen Barrierefreiheit

wissen-hilft-schuetzen.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Struktur, Formulare und Kontraste sind überwiegend gut, aber fehlende Alternativtexte, unklare Rollen/Zustände und teilweise nicht erreichbare Filter per Tastatur schränken zentrale Inhalte deutlich ein.

Sehbehinderung Mit Hindernissen nutzbar

Texte sind vergrößerbar mit ausreichendem Textkontrast, jedoch führen fehlende Einspaltigkeit, horizontales Scrollen und Probleme im Hochkontrastmodus zu deutlichen Einschränkungen.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind mit Untertiteln und Alternativen versehen, Gebärdensprache fehlt jedoch und es gibt keine speziellen zusätzlichen Angebote für Gehörlose.

Motorische Behinderung Mit Hindernissen nutzbar

Die Seite ist insgesamt tastaturbedienbar ohne Tastaturfallen, aber wesentliche Filterelemente sind nicht per Tastatur erreichbar und die Fokusreihenfolge ist teils unlogisch.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation, klare Sprache und Fehlerhilfen unterstützen, doch fehlen Leichte Sprache, Gebärdensprache und teils klare Strukturierung (Listen, semantische Bereiche), was das Verständnis erschwert.

Neurodivergenz Mit Hindernissen nutzbar

Keine Zeit- oder Animationsprobleme und konsistente Navigation helfen, aber horizontales Scrollen, unklare Fokusführung und fehlende vereinfachte Sprachangebote können Überforderung begünstigen.

Dokumentierte Barrieren

  • Filterelemente per Tastatur nicht erreichbar

    Auf der Startseite sind einzelne Filtertexte im Bereich der Suchbegriffe nicht mit der Tastatur bedienbar. Dadurch lassen sich diese Filter nicht auswählen oder nutzen, wenn ich keine Maus verwenden kann.

    Auswirkung: Ich kann die Inhalte über diese Filter nicht gezielt eingrenzen. Für mich wird die Suche nach passenden Informationen deutlich erschwert oder an dieser Stelle unmöglich.

  • Unklare Rolle und Zustand der Filter für Screenreader

    Die Filter werden vom Screenreader nur als „anklickbar“ ausgegeben, ohne zu sagen, ob sie aktiv, inaktiv, geöffnet oder geschlossen sind. Auch die Pfeil-Bedienelemente der Auswahllisten haben keinen erkennbaren Zustand.

    Auswirkung: Ich kann nicht sicher erkennen, was ein Filter gerade macht oder ob meine Auswahl wirksam ist. Das macht die Bedienung unsicher und kann dazu führen, dass ich Inhalte übersehe oder falsche Einstellungen behalte.

  • Info-Layer im Hochkontrastmodus schlecht erkennbar

    Der geöffnete Info-Layer hebt sich im Hochkontrastmodus nicht klar vom Hintergrund ab, weil ein deutlicher Rahmen fehlt. Zusätzlich werden Filterüberschriften dort teilweise von gelben Quadraten überlagert.

    Auswirkung: Ich kann eingeblendete Inhalte schlechter erkennen und muss stärker suchen, was gerade bei Sehbeeinträchtigungen sehr mühsam ist. Wichtige Informationen können dadurch übersehen werden.

  • Horizontales und mehrdimensionales Scrollen nötig

    In mehreren Info-Layern und auf Inhaltsseiten werden Texte außerhalb des sichtbaren Bereichs angezeigt. Teilweise sind Inhalte nur durch horizontales oder mehrdimensionales Scrollen vollständig sichtbar.

    Auswirkung: Ich muss die Seite ständig seitlich verschieben, um Texte ganz lesen zu können. Das kostet Zeit und Orientierung und ist besonders auf kleinen Bildschirmen oder mit Vergrößerung sehr belastend.

  • Verlinkte Teaser-Grafiken ohne aussagekräftigen Alternativtext

    Die im Info-Layer angezeigten verlinkten Teaser-Grafiken haben keinen aussagekräftigen Alternativtext. Damit ist für mich nicht erkennbar, was die Bilder zeigen oder wohin der Link führt.

    Auswirkung: Wenn ich Bilder nicht sehen kann, fehlt mir die Orientierung über den Inhalt der Teaser. Ich kann passende Angebote schlechter auswählen und Links nicht zuverlässig einschätzen.

  • Unvollständige Struktur erschwert Orientierung

    Auf allen Seiten fehlen Hauptbereiche wie ein klarer Inhaltsbereich, und die beiden Navigationsbereiche sind nicht zusätzlich beschriftet. Außerdem sind mehrere Listen optisch vorhanden, aber nicht als Listen ausgezeichnet.

    Auswirkung: Ich finde mich schlechter auf der Seite zurecht und kann Bereiche nicht zuverlässig unterscheiden. Mit Screenreader oder beim schnellen Überfliegen wird die Navigation unnötig anstrengend.

  • Fokus springt nach Layer-Schließen an den Seitenanfang

    Wenn ich einen Info-Layer schließe, landet der Tastaturfokus nicht wieder beim auslösenden Teaser, sondern am Anfang der Seite. In der Kopf-Navigation ist die Fokusreihenfolge zudem nicht sinnvoll angeordnet.

    Auswirkung: Ich verliere beim Arbeiten mit der Tastatur meinen Kontext und muss mich erneut zur vorherigen Stelle vorarbeiten. Das verlängert einfache Bedienhandlungen und erhöht die Fehlergefahr.

  • Unzureichender Kontrast bei Social-Media-Icon

    Das Twitter-Icon im Header und Footer hebt sich nicht ausreichend vom Hintergrund ab. Das Symbol ist dadurch schwerer zu erkennen.

    Auswirkung: Ich kann einzelne Bedienelemente schlechter wahrnehmen, besonders bei schwächerem Sehvermögen oder auf ungünstigen Displays. Dadurch kann ich den Link leichter übersehen.

  • Link „Startseite >>>“ mit störender Vorleseausgabe

    Beim Link „Startseite >>>“ werden die Pfeile vom Screenreader als „Größer als, Größer als, Größer als“ vorgelesen. Dadurch wird der Link unnötig lang und unklar angesagt.

    Auswirkung: Ich muss mehr hören, als für das Verständnis nötig ist, und erkenne den Link langsamer. Das stört die Bedienung und macht die Nutzung mit Screenreader weniger angenehm.

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 121.0.6167.140
Screenreader
NVDA 2023.3.1.
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
  • wissen-hilft-schuetzen.de Web-Angebot öffnen
  • https://www.xn--wissen-hilft-schtzen4ec.de/impressum/
  • https://www.xn--wissen-hilft-schtzen4ec.de/fortbildungen/

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Startseite: Die im Info-Layer angezeigten verlinkten Teaser-Grafiken (Screenshot der jeweiligen Webseite) haben keinen aussagekräftigen alt-Text. * Formularseite, Inhaltsseite: Beim Link "Startseite >>>" werden die Pfeile vom Screenreader als „Größer als, Größer als, Größer als“ ausgegeben.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Startseite: In den Auswahllisten (z. B. "Sich und anderen helfen") des Filterbereichs sind die gelisteten Inhalte nicht als Listen ausgezeichnet. * Inhaltsseite: Im Abschnitt "Fortbildungen" sind die, als Aufzählung dargestellten Texte nicht als Liste ausgezeichnet. * Alle Seiten: Es fehlen Strukturelemente <main>. * Alle Seiten: Die beiden Navigationsregionen haben keine zusätzliche Beschriftung zur Teilfunktion. * Startseite: Filterüberschriften im Hochkontrastmodus werden von gelben Quadraten überlagert. * Startseite: Der geöffnete Info-Layer besitzt im Hochkontrastmodus keinen Rahmen, der ihn besser vom Hintergrund abhebt.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Startseite: In mehreren Info-Layern werden Texte teilweise außerhalb des sichtbaren Bereichs angezeigt und müssen horizontal gescrollt werden. * Inhaltsseite: Die Webseiteninhalte sind nur durch mehrdimensionales Scrollen vollständig wahrnehmbar.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Alle Seiten: Im Header und Footer hat das "Twitter"-Icon ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Startseite: Im Bereich "Klicken Sie auf Suchbegriffe, die Sie ..." sind die einzelnen Filter-Texte nicht mit der Tastatur erreichbar.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden * Startseite: Der im Info-Layer geladene I-Frame besitzt keinen aussagekräftigen Titel.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Der Fokus wird nach dem Schließen des Layers an den Anfang der Seite gesetzt und nicht auf das auslösende Teaser-Element. * Alle Seiten: In der Navigation im Header ist die Fokusreihenfolge nicht korrekt, da die drei Links erst nach dem "Twitter"-Icon den Fokus erhalten. * Hinweis: Startseite: In geöffneten Info-Seiten erhalten jeweils drei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Startseite: Im Bereich "Klicken Sie auf Suchbegriffe ..." gibt der Screenreader auf den einzelnen Filtern nur "anklickbar" aus, ohne Rolle oder Zustand (aktiv/inaktiv). * Startseite: Die Bedienelemente (weißen Pfeile) der Auswahllisten werden vom Screenreader nur als "anklickbar" ausgegeben, ohne Zustand (geöffnet/geschlossen).

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden
WCAG 1.2.3
Aufgezeichnete Video-Inhalte 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.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		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.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		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.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.4
Linkzweck ist verständlich (im Kontext) 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		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.1.2
Abweichende Sprache einzelner Abschnitte 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.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden

Nicht anwendbar

Kriterium Status Notizen
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht anwendbar Ergebnis der formalen Prüfung: nicht anwendbar; Erklärung zur Barrierefreiheit nicht vorhanden.
A.2
Feedback-Mechanismus ist vorhanden 		nicht anwendbar Feedback-Mechanismus fehlt.
A.3
Leichte Sprache ist vorhanden 		nicht anwendbar Leichte Sprache nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht anwendbar Gebärdensprache-Video nicht vorhanden.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht anwendbar Nicht anwendbar; PAC3-Test wurde nicht durchgeführt.

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