Staatliches Gutachten zur digitalen Barrierefreiheit

www.engagement-global.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader (Struktur, Tastaturzugang, Slider-Bedienung, Alternativtexte, Fokusführung) sind nicht erfüllt, sodass Nutzung zwar möglich, aber mit erheblichen Hürden verbunden ist.

Sehbehinderung Kaum nutzbar

Schwache Kontraste, Probleme bei 400%-Zoom, teilweise unsichtbarer Fokus und Slider-Bedienung per Tastatur beeinträchtigen die Nutzung für sehbehinderte Personen stark.

Hörbehinderung Weitgehend zugänglich

Untertitel für Audio sind vorhanden, es fehlen aber Alternativen zu einigen Videos und die geforderte Gebärdensprache, wodurch vor allem Video-Inhalte nur eingeschränkt zugänglich sind.

Motorische Behinderung Mit Hindernissen nutzbar

Wichtige Slider-Elemente und Videoteaser sind per Tastatur nicht erreichbar und Skip-Links sind unsichtbar, was die Nutzung für reine Tastatur- oder alternative Eingabegeräte deutlich erschwert.

Lernbehinderung Mit Hindernissen nutzbar

Sprache und Navigation sind weitgehend konsistent und es gibt Leichte Sprache, aber unklare Überschriften, teils unzureichende Fehlerrückmeldungen und komplexe Slider stören die Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Es gibt zwar keine problematischen Animationen oder Kontextwechsel, aber Fokusprobleme, Slider-Komplexität, unsichtbare Skip-Links und Kontrastschwächen können Konzentration und Orientierung deutlich beeinträchtigen.

Dokumentierte Barrieren

  • Slider-Elemente sind per Tastatur nicht bedienbar

    Die Vor- und Zurück-Elemente in den Slidern sind nicht mit der Tastatur erreichbar. Dadurch lassen sich wichtige Inhalte in diesen Bereichen nicht vollständig steuern oder durchgehen.

    Auswirkung: Ich kann den Slider nicht bedienen, wenn ich keine Maus nutze. Dadurch verpasse ich womöglich zentrale Inhalte oder komme nur sehr umständlich weiter.

  • Schlechte Fokusführung im Cookie-Layer

    Nach dem Öffnen der Cookie-Einstellungen landet der Fokus auf dem Browserrahmen statt im Dialog. Außerdem ist der Fokus auf mehreren Formularelementen im Cookie-Layer kaum sichtbar.

    Auswirkung: Ich verliere die Orientierung, sobald der Cookie-Dialog aufgeht. Ich muss erst suchen, wo ich mich gerade befinde, und kann Optionen leichter übersehen.

  • Ansicht bei Vergrößerung ist nicht vollständig nutzbar

    Bei 400-prozentiger Vergrößerung sind Hauptmenü und Untermenü nicht mehr komplett sichtbar, und Inhalte erfordern horizontales Scrollen. Auf der Startseite werden Texte oder Links zudem teilweise außerhalb der vorgesehenen Flächen dargestellt.

    Auswirkung: Ich muss seitlich scrollen und kann Navigationselemente nicht mehr vollständig überblicken. Dadurch wird die Nutzung mit starker Vergrößerung deutlich erschwert.

  • Videoteaser sind nicht per Tastatur erreichbar

    In der Registerkarte mit Videos sind die verlinkten Teaser nicht per Tastatur erreichbar. Damit bleibt ein Teil der Video-Inhalte für reine Tastaturnutzung unzugänglich.

    Auswirkung: Ich kann diese Teaser nicht auswählen oder öffnen, wenn ich nur die Tastatur verwende. Dadurch entgeht mir möglicherweise der Zugang zu relevanten Video- oder Unterseiteninhalten.

  • Wiederkehrende Bereiche können nicht übersprungen werden

    Es gibt zwar einen Skip-Link, er wird aber nicht angezeigt und es fehlen Sprunglinks zu den einzelnen Bereichen. Tastaturnutzende können Navigation und andere wiederkehrende Bereiche daher nicht gezielt überspringen.

    Auswirkung: Ich muss mich bei jeder Seite durch lange Navigationsbereiche tabben. Das kostet Zeit und macht die Bedienung deutlich anstrengender.

  • Seitenstruktur ist für Screenreader unzureichend ausgezeichnet

    Auf mehreren Seiten fehlen wichtige Strukturelemente wie eine H1-Überschrift, ein main-Bereich und beschriftete Navigationsregionen. Außerdem werden Überschriften durch BR-Elemente im Lesefluss gestört.

    Auswirkung: Ich kann Inhalte schlechter über Überschriften und Bereiche erfassen und muss mich stärker durch den gesamten Seiteninhalt arbeiten. Das erschwert die Orientierung deutlich.

  • Kontraste im Text und bei Bedienelementen sind teils zu schwach

    Einige Überschriften, Eingabefelder und Formularelemente haben zu wenig Kontrast zum Hintergrund. Das betrifft unter anderem die Suchseite, Formularseite und den Cookie-Layer.

    Auswirkung: Ich kann Beschriftungen und Eingabefelder schlechter erkennen, besonders bei schwachem Sehvermögen oder auf hellen Displays. Dadurch steigt die Fehleranfälligkeit bei Suche, Formularen und Cookie-Auswahl.

  • Fokusreihenfolge in Slidern und Seitennavigation ist unplausibel

    In den Slidern müssen alle Slides per Tab durchlaufen werden, und es gibt zusätzliche nicht sichtbare Tab-Schritte. Dadurch wird die Tastaturnavigation unnötig lang und unübersichtlich.

    Auswirkung: Ich brauche sehr viele Tab-Schritte, um an relevante Inhalte zu kommen. Das erschwert die Nutzung mit Tastatur und erhöht das Risiko, wichtige Elemente zu übersehen.

  • Video-Inhalte sind ohne Alternativen und Audiodeskription schwer zugänglich

    Zu den Videos werden keine Alternativen bereitgestellt, und es fehlen Audiodeskriptionen. Dadurch sind die Inhalte für Menschen mit Sehbehinderung oder ohne volle Wahrnehmung der visuellen Ebene nur eingeschränkt nutzbar.

    Auswirkung: Ich erfasse die Aussagen und visuellen Informationen der Videos nicht vollständig. Dadurch kann mir wichtiger Inhalt fehlen, auch wenn die Seite selbst weiter nutzbar bleibt.

  • Fehlermeldungen im Formular sind nicht ausreichend erkennbar

    Die Fehlermeldung erscheint nur als Tooltip am ersten fehlerhaften Feld, andere fehlerhafte Felder werden nicht markiert und es fehlt eine klare Textmeldung. Dadurch ist nicht sofort ersichtlich, was korrigiert werden muss.

    Auswirkung: Ich kann Formularfehler leicht übersehen oder falsch zuordnen. Das macht das Ausfüllen fehleranfälliger und kann das Absenden unnötig verhindern.

  • Screenreader-Ausgaben in Slidern sind unklar

    Die Zurück- und Weiter-Elemente in den Slidern werden vom Screenreader nur als "anklickbar" ausgegeben. Zusätzlich werden alle Slides im linearen Lesemodus vorgelesen, auch wenn sie nicht sichtbar sind.

    Auswirkung: Ich verstehe nicht gut, welche Schaltfläche was bewirkt, und werde mit zu vielen Informationen konfrontiert. Das macht die Bedienung von Slidern mit Screenreader mühsam und fehleranfällig.

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 129.0.6668.59
Screenreader
NVDA 2024.2
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
  • www.engagement-global.de Web-Angebot öffnen
  • https://www.engagement-global.de/de/suche?keywords=Programme
  • https://www.engagement-global.de/de/kontakt
  • https://www.engagement-global.de/de/umweltschutz
  • https://www.engagement-global.de/files/2_Media/Publikationen/Angebotsblatt/Angebotsblatt_CDW.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten (außer Startseite): In der Breadcrumb-Navigation werden die ">"-Icons vom Screenreader als "größer als" ausgegeben. Alle Seiten: Der alt-Text des Logos im Footerbereich (rechts) entspricht nicht genau dem Logotext.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Startseite, Inhaltsseite: Zu den Videos werden keine Alternativen bereitgestellt.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden Startseite, Inhaltsseite: Die drei Videos haben keine Audiodeskription.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Auf der Seite ist keine H1 Überschrift vorhanden. Suchseite: Die Suchergebnisliste ist nicht als Liste ausgezeichnet. Alle Seiten: Mehrere Überschriften sind im Quellcode jeweils mit einem <br>-Tag Element getrennt, im linearen Lesemodus des Screenreader werden diese dadurch wie zwei aufeinanderfolgende Überschriften ausgegeben. Alle Seiten: Die Seiten besitzen kein Strukturelement <main>. Alle Seiten: Auf den Seiten haben mehrere Navigationsregionen keine zusätzliche Beschriftung, welche die jeweilige Teilfunktion beschreibt.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite, Inhaltsseite: Die Texte der fokussierten Copyright-Icon (auf den Bildern) werden mehrfach vom Screenreader ausgegeben. Startseite, Inhaltsseite: In den Slidern werden beim linearen Lesen des Screenreaders alle Slides ausgegeben (nicht nur die sichtbaren). Inhaltsseite: In der Registerkarte "Videos" werden nicht sichtbare Elemente mit "Zum Video ..." vom Screenreader ausgegeben. Alle Seiten: Der nicht sichtbare Link "Navigation überspringen" wird im Header vor dem Logo und im Footer vor dem Copyright Symbol vom Screenreader ausgegeben.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Inhaltsseite: Im Bereich "Was hat das mit mir zu tun?" haben die Überschriften in den einzelnen Slides ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Startseite: Texte oder Links werden teilweise außerhalb der vorgesehen farbigen Hintergrundflächen dargestellt. Startseite, Suchseite: Die Inhalte können nur durch horizontales Scrollen komplett erfasst werden. Alle Seiten: In der gezoomten (400%) Ansicht sind die Hauptmenü- und Untermenü-Punkte nicht mehr komplett sichtbar.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Suchseite: Die farbliche Hervorhebung der Suchbegriffe hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Suchseite: Der Hintergrund des Eingabefeldes hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Formularseite: Die Hintergrundfarben der Eingabefelder und Auswahllisten haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Alle Seiten: Im Cookie-Layer haben mehrere Formularelemente ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Die "Zurück"- und "Weiter"-Elemente (<, >) oberhalb der Slider sind mit der Tastatur nicht erreichbar. Inhaltsseite: Die "Zurück"- und "Weiter"-Elemente (<, >) unterhalb des Sliders sind mit der Tastatur nicht erreichbar. Inhaltsseite: In der Registerkarte "Videos" sind die verlinkten Teaser mit der Tastatur nicht erreichbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Es ist vor jeder Navigation ein Skip-Link vorhanden, dieser wird aber nicht angezeigt, daher können Tastaturnutzer ohne Screenreader den Navigationsbereich nicht überspringen. Alle Seiten: Es werden keine Skip-Links zu den einzelnen Bereichen bereitgestellt, Tastaturnutzer ohne Screenreader können die Seitenbereiche nicht überspringen.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: In den Slidern müssen alle Slides mit der Tabulator-Taste durchlaufen werden. Suchseite: Nach einer erneuten Suche oder dem Öffnen der nächsten Seite geht der Fokus an den Seitenanfang statt auf den ersten Suchergebniseintrag. Inhaltsseite: Im Slider müssen alle Slides mit der Tabulator-Taste durchlaufen werden. Alle Seiten: Am Anfang, nach dem Sprachumschalter und nach den Socialmedia-Links folgt ein nicht sichtbarer Tabschritt. Alle Seiten: Im Cookie-Layer wird der Fokus nach dem Öffnen der Einstellungen auf den Browserrahmen statt auf das erste Element gesetzt. Alle Seiten: Im Cookie-Layer Fenster "Liste verwendeter Cookies" erhalten Checkboxen und deren Label jeweils den Fokus.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Inhaltsseite: In den Registerkarten (z.B. "Podcasts") werden die weiterführenden Pfeil-Links immer mit "Zum Video ..." vom Screenreader ausgegeben.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Inhaltsseite: Die Überschrift "Event-Tipps" hat keine weiteren, folgenden Informationen.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Alle Seiten: Im Cookie-Layer ist der Fokus auf mehreren Formularelementen (z.B. Optionswahl-Schalter) nicht gut sichtbar.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite, Inhaltsseite: Die "Zurück"- und "Weiter"-Elemente in den Slidern werden im linearen Lesemodus des Screenreaders nur als "anklickbar" ausgegeben.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Hinweis: Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden Formularseite: Die Fehlermeldung wird nur als Tooltip am ersten fehlerhaften Feld angezeigt. Weitere fehlerhafte Felder sind weder markiert noch ist eine Fehlermeldung in Textform ersichtlich.

Bestanden

Kriterium Status Notizen
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.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.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.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.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.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 –
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 –
B.1
PAC3 Test ergibt PDF/UA-konform 		bestanden –

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