Staatliches Gutachten zur digitalen Barrierefreiheit
www.demokratie-leben.de
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Mit Hindernissen nutzbar
Mehrere zentrale WCAG-A-Fehler bei Struktur, Lesereihenfolge, Name/Rolle/Wert und Slider-/Such-Layern erschweren Screenreader-Nutzung deutlich, machen sie aber nicht völlig unmöglich.
Sehbehinderung Kaum nutzbar
Weit verbreitete Kontrastprobleme, Schwierigkeiten bei 400%-Zoom, fehlende Fokussichtbarkeit in wichtigen Bereichen und Probleme im Hochkontrastmodus schränken die Nutzung stark ein.
Hörbehinderung Fast barrierefrei
Untertitel und Alternativen für Medien sind vorhanden und sonstige Inhalte sind überwiegend visuell zugänglich, sodass Gehörlosigkeit kaum einschränkt.
Motorische Behinderung Weitgehend zugänglich
Die Seite ist grundsätzlich tastaturbedienbar ohne Tastaturfallen oder komplexe Zeigergesten, aber problematische Tooltips und unklare Fokusführung können die Bedienung erschweren.
Lernbehinderung Mit Hindernissen nutzbar
Konsistente Navigation und Sprache helfen, jedoch Slider-Probleme, unklare Fehlerrückmeldungen und Layout-/Zoom-Schwierigkeiten können die Verständlichkeit mindern.
Neurodivergenz Mit Hindernissen nutzbar
Fehlende klare Fokusführung, dauerhaft präsente Overlays/Tooltips und Slider-Verhalten können Konzentration und Orientierung beeinträchtigen, auch wenn keine gravierenden Zeit- oder Animationszwänge bestehen.
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 122.0.6261.95
- 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
-
www.demokratie-leben.de Web-Angebot öffnen
-
https://www.demokratie-leben.de/suche?tx_solr%5Bq%5D=Demokratie
-
https://www.demokratie-leben.de/kontakt
-
https://www.demokratie-leben.de/das-programm/ueber-demokratie-leben/modellprojekte
-
https://www.demokratie-leben.de/fileadmin/Demokratie-Leben/Downloads_Dokumente/Foerderung/220919_Grundsaetze_der_Foerderung_Land.pdf
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalte besitzen Alternativtexte | nicht bestanden | * Startseite: Einige alt-Texte der Logos im zweiten Slider, besitzen nicht alle einen aussagekräftigen alt-Text, der dem Logotext entspricht. |
| Informationen, Struktur und Beziehungen sind identifizierbar | nicht bestanden | * Startseite: Auf der Seite ist keine H1 Überschrift vorhanden. * Startseite: Beim zweiten Slider werden die Inhalte als Liste mit einem Element vom Screenreader ausgegeben. * Suchseite: Die "Sortieren nach"-Filterliste funktioniert nicht korrekt. * Suchseite: Beim Öffnen des "Suche"-Layer im Header wird gleichzeitig auch die Vorschlagliste des Sucheingabefeldes im Inhaltsbereich geöffnet. * Alle Seiten: Im Suche-Layer werden die Einträge der "Top Treffer zu ihrer Eingabe" teilweise außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten: Der Screenreader gibt im Eingabefeld des Suche-Layers, nach dem Einblenden der Vorschlagsliste keinen entsprechenden Hinweis auf die Liste und die Eintragsanzahl aus. Hinweis: * Suchseite, Formularseite: Die Breadcrumb-Navigation ist durch die fehlende Beschriftung nicht gut als solcher erkennbar. * Alle Seiten: Im Header sind die Skip-Links nicht als Liste ausgezeichnet. * Alle Seiten: Im Hochkontrastmodus sind Teile der Logos nicht mehr sichtbar. * Alle Seiten: Im Hochkontrastmodus besitzen die eingeblendeten Untermenü-Layer der Hauptnavigation, keine sichtbaren Rahmen, die sie vom Hintergrund abheben. * Suchseite: Im Hochkontrastmodus ist das "Pfeil"-Icon des "Sortieren nach"-Elements nicht mehr erkennbar. * Formularseite, Inhaltsseite: Im Hochkontrastmodus sind die Socialmedia-Icons im Bereich "DIESE SEITE TEILEN" nicht mehr sichtbar. * Alle Seiten: Im Hochkontrastmodus wird nicht der gesamte Hintergrund der Seiten angepasst. |
| Sinnvolle Lesereihenfolge ist gegeben | nicht bestanden | * Startseite: Beim automatisch laufenden Slider steht der Animation-STOP Button nicht am Anfang der Ausgabereihenfolge. * Startseite: Im Ersten Slider werden teilweise Texte und die alt-Texte der Bilder nicht vom Screenreader ausgegeben. * Startseite: Beim zweiten Slider werden die Inhalte zweimal nacheinander vom Screenreader ausgegeben. * Startseite: In beiden Slidern werden nicht nur die sichtbaren Slides ausgegeben. * Startseite: Im Bereich "Materialien:" ist die Ausgabereihenfolge nicht korrekt, da zuerst die Grafik "Vielfalt. Mediathek" und danach erst der Link "Zur Vielfalt-Mediathek" vom Screenreader ausgegeben wird. * Alle Seiten: Im Suche-Layer werden die Einträge der "Top Treffer zu ihrer Eingabe" vom Screenreader nicht ausgegeben. * Alle Seiten: Im Cookie-Layer werden die ausgeblendeten "Mehr Informationen"-Inhalte vom Screenreader ausgegeben. |
| Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) | nicht bestanden | * Alle Seiten: Auf den Seiten haben viele Elemente ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z.B. Navigation, Texte, Links). |
| Inhalte brechen in einspaltiges Layout um | nicht bestanden | * Suchseite: Das Sucheingabefeld wird nur sehr schmal dargestellt, zudem ist der eigentliche Inhaltsbereich durch den fixierten Header-Bereich sehr klein (bei 400% Zoom), so dass die Anwendung nicht sinnvoll bedient werden kann. * Formularseite, Inhaltsseite: Die Inhalte sind nur durch zweidimensionales Scrollen vollständig wahrnehmbar. * Alle Seiten: Im letzten Slider (oberhalb des Footers) werden die Bedienelemente nicht mehr angezeigt. |
| Kontrastabstand von Nicht-Text-Inhalten ist ausreichend | nicht bestanden | * Startseite: Auf der Seite haben mehrere Elemente (wie z.B. "Schließen"-Button (X), Bedienelemente des Sliders, "Nach oben"-Link-Icon) ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Alle Seiten: Der Rahmen des Sucheingabefeldes im Suche-Layer, das "Lupe"-Icon im Header oder das Haus-Icon im Hauptmenü haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Suchseite: Der Rahmen des Sucheingabefeldes und der Rahmen der Auswahlliste haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Formularseite: Die Rahmen der Eingabefelder haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. |
| Bei Fokussierung eingeblendete Inhalte sind steuerbar | nicht bestanden | * Alle Seiten: Im Bereich "Newsletter 'Demokratie leben!'" kann der bei Mouseover und bei Erhalt des Tastaturfokus eingeblendete Tooltip nicht geschlossen werden, ohne den Mauszeiger bzw. den Tastaturfokus zu bewegen (z.B. durch Drücken der Escape-Taste). Des Weiteren kann der Mauszeiger nicht auf den Tooltip-Text bewegt werden. |
| Fokusreihenfolge ist aufgabenangemessen | nicht bestanden | * Startseite: Im Bereich "Materialien:" ist die Fokusreihenfolge nicht korrekt, da zuerst die Grafik "Vielfalt. Mediathek" und danach erst der Link "Zur Vielfalt-Mediathek" den Fokus erhält. * Startseite: Im Zweiten Slider erhalten je Element zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. * Suchseite: Der Fokus wird, nach dem Ausführen einer erneuten Suche, an den Seitenanfang und nicht z.B. auf den ersten Suchergebniseintrag gesetzt. * Suchseite: Die Auswahlliste "Sortieren nach" funktioniert nicht korrekt, da der Fokus an eine beliebige Stelle in den Suchergebnissen gesetzt wird. * Alle Seiten: Im zweiten Slider werden alle Elemente durchlaufen nicht nur die Sichtbaren. |
| Tastaturfokus ist sichtbar | nicht bestanden | * Startseite: Auf den Bedienelementen des ersten Sliders (z.B. Pfeile und Paginierung) ist der Fokus nicht sichtbar. * Alle Seiten: Der Fokus ist auf den verlinkten Elementen im zweiten Slider nicht sichtbar. |
| Name, Rolle und Wert sind identifizierbar | nicht bestanden | * Startseite: Mehrere Elemente im ersten Slider (z.B. "Zum Artikel"-Link, Play/Pause-Button) werden, beim Fokussieren, vom Screenreader nur als "leer" ausgegeben. * Startseite: Die Links im zweiten Slider werden als nicht verfügbar vom Screenreader ausgegeben. * Suchseite: Die geschlossene "Sortieren nach"-Filterliste wird vom Screenreader als "ausgeklappt" ausgegeben. * Formularseite: Der "Daten Überprüfen"-Schalter wird vom Screenreader als Werkzeugleiste ausgegeben. * Alle Seiten: Im Cookie-Layer wird der Zustand (offen/geschlossen) des "Mehr Informationen"-Buttons vom Screenreader nicht ausgegeben. |
|
B.1
PAC3 Test ergibt PDF/UA-konform
|
nicht bestanden | * Das PDF-Dokument ist nicht PDF/UA-konform. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Titel beschreiben Thema oder Zweck | im Wesentlichen bestanden | Hinweis: * Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche. |
| Fehlermeldungen sind in Textform vorhanden | im Wesentlichen bestanden | * Formularseite: Die Fehlermeldung wird nur als Tooltip am ersten fehlerhaften Feld angezeigt. Die restlichen fehlerhaften Felder sind weder markiert noch ist eine Fehlermeldung in Textform ersichtlich. |
Bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen | bestanden | – |
| Aufgezeichnete Audio-Inhalte besitzen Untertitel | bestanden | – |
| Aufgezeichnete Video-Inhalte besitzen Alternativen | bestanden | – |
| Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen | bestanden | – |
| Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich | bestanden | – |
| Bildschirmausrichtung ist änderbar | bestanden | – |
| Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar | bestanden | – |
| Farbe ist nicht einziger Informationsträger | bestanden | – |
| Automatisch abgespielte Audio-Inhalte sind steuerbar | bestanden | – |
| Schriftgröße kann angepasst werden | bestanden | – |
| Schriftgrafiken sind anpassbar oder unverzichtbar | bestanden | – |
| Textabstände sind anpassbar | bestanden | – |
| Tastaturbedienbarkeit ist gegeben | bestanden | – |
| Tastaturfallen sind nicht vorhanden | bestanden | – |
| Zeichen-Tastenkürzel sind abschaltbar oder anpassbar | bestanden | – |
| Zeitbegrenzungen sind steuerbar | bestanden | – |
| Automatisch gestartete Animationen sind steuerbar | bestanden | – |
| Blitzen wird vermieden | bestanden | – |
| Wiederkehrende Bereiche können übersprungen werden | bestanden | – |
| Linkzweck ist verständlich (im Kontext) | bestanden | – |
| Seiten sind über verschiedene Möglichkeiten auffindbar | bestanden | – |
| Überschriften und Label beschreiben Thema oder Zweck | bestanden | – |
| Komplexe Zeigerbedienung ist verzichtbar | bestanden | – |
| Zeiger-Eingaben können abgebrochen oder widerrufen werden | bestanden | – |
| Label enthält sichtbare Beschriftung | bestanden | – |
| Bewegungsaktivierung ist verzichtbar | bestanden | – |
| Sprache ist ausgezeichnet | bestanden | – |
| Abweichende Sprache einzelner Abschnitte ist ausgezeichnet | bestanden | – |
| Fokussierung führt nicht zu Kontextänderung | bestanden | – |
| Eingabe führt nicht zu Kontextänderung | bestanden | – |
| Navigation ist konsistent aufgebaut | bestanden | – |
| Elemente sind konsistent bezeichnet | bestanden | – |
| Label enthalten Eingabehinweise | bestanden | – |
| Fehlermeldungen enthalten Korrekturvorschläge | bestanden | – |
| Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) | bestanden | – |
| Syntaxspezifikationen sind erfüllt | bestanden | – |
| 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 | – |
|
A.4
Gebärdensprache-Video ist vorhanden
|
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.