Staatliches Gutachten zur digitalen Barrierefreiheit

www.gruener-knopf.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Wichtige A-Probleme wie fehlende Alternativtexte, massive Tastaturprobleme und störende Slider-Ausgaben erschweren Screenreader-Nutzung deutlich.

Sehbehinderung Kaum nutzbar

Schlechte Text- und Bedienelement-Kontraste, fehlende Responsivität und Kontrastprobleme im Hochkontrastmodus beeinträchtigen das Sehen stark.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für Audio sind überwiegend vorhanden, aber fehlende Gebärdensprache und teils fehlende Video-Alternativen mindern die Nutzbarkeit.

Motorische Behinderung Kaum nutzbar

Unvollständige Tastaturbedienung, mögliche Tastaturfallen und unsichtbarer Fokus sind für viele motorisch eingeschränkte Nutzer gravierend.

Lernbehinderung Mit Hindernissen nutzbar

Strukturprobleme, fehlende Leichte Sprache und irritierende Beschriftungen erschweren das Verstehen trotz grundsätzlich konsistenter Navigation.

Neurodivergenz Mit Hindernissen nutzbar

Ständig wechselnde Slider-Inhalte, Strukturmängel und fehlende Leichte Sprache können stark ablenken und überfordern, obwohl keine Zeitdruckfunktionen bestehen.

Dokumentierte Barrieren

  • Tastaturfalle im Bedienablauf

    Es gibt eine Tastaturfalle auf der Website. Das bedeutet, dass ich mit der Tastatur in einem Bereich festhängen kann und nicht mehr sinnvoll weiterkomme.

    Auswirkung: Ich kann die Seite dann nicht mehr zuverlässig bedienen. Im schlimmsten Fall muss ich die Seite neu laden oder abbrechen.

  • Hauptmenü nur eingeschränkt mit Tastatur nutzbar

    Das Hauptmenü lässt sich mit der Tastatur nicht aufklappen, und Untermenüs lassen sich nicht mit Esc schließen. Dadurch ist die Navigation per Tastatur an zentraler Stelle gestört.

    Auswirkung: Ich kann Menüpunkte möglicherweise nicht erreichen oder nicht wieder verlassen. Das erschwert mir die Nutzung der Website stark oder verhindert sie teilweise.

  • Video ohne zugängliche Alternative

    Das Video auf der Startseite hat keine alternative textliche Beschreibung oder gleichwertige Ersatzinformation. Damit fehlen Nutzenden ohne Wahrnehmung des Videos wichtige Inhalte.

    Auswirkung: Ich kann die Informationen aus dem Video nicht erfassen. Wenn das Video zentrale Inhalte zur Seite erklärt, entgeht mir ein wesentlicher Teil der Information.

  • Inhalte im Inhaltsbereich nicht per Tastatur erreichbar

    Mehrere Kacheln im Abschnitt „Anforderungen [. ]“ sind mit der Tastatur nicht erreichbar. Damit bleiben wichtige Navigations- oder Informationsangebote für Tastaturnutzende verborgen.

    Auswirkung: Ich kann diese Inhalte nicht auswählen oder öffnen, wenn ich keine Maus benutze. Das kann mich von wichtigen Seitenbereichen ausschließen.

  • Fokus ist nicht sichtbar

    Der Tastaturfokus ist auf der Startseite nicht sichtbar. Ich kann dadurch nicht erkennen, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere beim Tabben die Orientierung und treffe leicht die falsche Auswahl. Das macht die Bedienung sehr unsicher und mühsam.

  • Unsichtbarer Fokus nach dem Video

    Nach dem Video springt der Fokus auf ein nicht sichtbares Element ohne Alternativtext. Dadurch scheint die Bedienung plötzlich „zu verschwinden“, obwohl sie technisch weiterläuft.

    Auswirkung: Ich weiß dann nicht, wo ich mich auf der Seite befinde. Ich kann den nächsten Schritt leicht verpassen oder die Seite nur schwer weiter bedienen.

  • Schwache Kontraste bei Texten

    Mehrere Texte haben zu wenig Kontrast zum Hintergrund, etwa grüne, weiße und graue Texte auf verschiedenen Seiten. Dadurch sind Inhalte für Menschen mit Sehbeeinträchtigung schwer lesbar.

    Auswirkung: Ich muss mich stark anstrengen, um Texte zu erkennen. Bei geringer Sehfähigkeit oder schlechten Lichtverhältnissen kann ich Inhalte kaum lesen.

  • Schwache Kontraste bei Bedienelementen

    Auch wichtige Bedienelemente wie Sliderschaltflächen, grüne/weiße Elemente und der Rahmen des Suchfelds haben zu wenig Kontrast. Dadurch sind interaktive Elemente schwer zu erkennen.

    Auswirkung: Ich finde Schaltflächen und Eingabefelder schlechter und erkenne ihren Zustand oft nicht sicher. Das erschwert die Bedienung deutlich.

  • Seite nicht responsiv

    Die Website passt sich nicht gut an unterschiedliche Bildschirmgrößen an und erfordert teilweise horizontales und vertikales Scrollen gleichzeitig. Inhalte sind dadurch nur mühsam vollständig wahrnehmbar.

    Auswirkung: Ich muss ständig hin- und herscrollen, um einen Abschnitt vollständig zu sehen. Auf kleinen Bildschirmen wird die Nutzung stark erschwert.

  • Nicht zugängliche PDF-Datei

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit kann der Inhalt für Screenreader und andere Hilfsmittel unzureichend strukturiert sein.

    Auswirkung: Ich kann das Dokument möglicherweise nicht sinnvoll lesen oder navigieren. Wenn ich auf die PDF angewiesen bin, verliere ich wichtige Informationen.

  • Video ohne Audiodeskription

    Das Video auf der Startseite hat keine Audiodeskription. Visuelle Informationen, die nicht gesprochen werden, bleiben dadurch unverständlich.

    Auswirkung: Ich verpasse wichtige Bildinhalte, wenn sie nicht im gesprochenen Ton enthalten sind. Dadurch kann ich das Video nur unvollständig verstehen.

  • Slider-Inhalte werden ständig und störend vorgelesen

    Die nicht ausgewählte Slider-Paginierung wird vom Screenreader zusätzlich ausgegeben und ändert sich fortlaufend. Dadurch wird die Nutzung mit Assistenztechnik unnötig gestört.

    Auswirkung: Ich werde beim Lesen ständig unterbrochen und verliere den Fokus auf den eigentlichen Inhalt. Das macht die Seite anstrengend und unruhig.

  • Suchergebnisse nicht als Liste ausgezeichnet

    Die Treffer auf der Suchseite sind nicht als Liste markiert. Dadurch fehlt eine klare semantische Struktur für die Ergebnisse.

    Auswirkung: Ich kann schlechter erkennen, wie viele Treffer es gibt und wie sie zusammengehören. Das macht das Erfassen und Durchgehen der Suchergebnisse anstrengender.

  • Keine H1-Überschriften

    Mehrere Seiten haben keine erste Hauptüberschrift. Dadurch fehlt ein klarer Einstieg in die Seitenstruktur.

    Auswirkung: Ich kann mich nicht so leicht orientieren und Seiteninhalte schneller erfassen. Besonders mit Screenreader oder bei kognitiven Einschränkungen wird das schwieriger.

  • Schriftgrafiken nicht anpassbar

    Einige Inhalte liegen als Schriftgrafik vor und können nicht an die eigenen Bedürfnisse angepasst werden. Das betrifft insbesondere die Lesbarkeit bei Vergrößerung oder Kontrastanpassung.

    Auswirkung: Ich kann die Darstellung nicht meinen Sehbedürfnissen anpassen. Dadurch sind diese Inhalte für mich schwer oder gar nicht lesbar.

  • Link- und Menübeschriftungen teils verwirrend oder fremdsprachig

    Im Footer werden deutsche Linktitel mit dem englischen Zusatz „Change of Page to:“ eingeleitet, und das Logo hat einen englischen Titel. Das wirkt uneinheitlich und erschwert das Verstehen der Navigation.

    Auswirkung: Ich kann Linkziele und Bereiche schlechter einordnen. Das kostet Zeit und kann mich bei der Orientierung auf der Seite verunsichern.

  • Aktiver Menüpunkt nur über Farbe erkennbar

    Der geöffnete Menüpunkt wird allein durch Farbe gekennzeichnet. Ohne zusätzlichen visuellen Hinweis ist der Zustand nicht zuverlässig erkennbar.

    Auswirkung: Ich kann nicht sicher sehen, welcher Menüpunkt gerade aktiv ist. Das erschwert mir die Orientierung in der Navigation.

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

    Es gibt keine erfolgreiche Erklärung zur Barrierefreiheit und keinen funktionierenden Feedback-Mechanismus. Damit fehlen Anlaufstellen, um Probleme oder Barrieren direkt zu melden.

    Auswirkung: Ich weiß nicht, wie ich auf Barrieren aufmerksam machen kann. Dadurch bleiben Probleme möglicherweise bestehen und werden für mich nicht zeitnah behoben.

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 117.0.5938.63
Screenreader
NVDA 2023.2
Tools
NVDA
  • www.gruener-knopf.de Web-Angebot öffnen
  • https://www.gruener-knopf.de/suche?search_api_fulltext=Kinderarbeit
  • https://www.gruener-knopf.de/impressum
  • https://www.gruener-knopf.de/usp-kriterien
  • https://www.gruener-knopf.de/sites/default/files/file/2023-04/Gr%C3%BCner%20Knopf_FAQs_01.2023.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Die Beschriftung der Schaltflächen für den Slider ist auf Englisch; Startseite: Der Video-Player wird vom Screenreader als "Schalter" ausgegeben; Inhaltsseite: Die alt Texte der Grafiken im Slider sind nicht aussagekräftig.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Startseite: Zu dem Video wird keine Alternative bereitgestellt.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden Startseite: Das Video hat keine Audiodeskription.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Im Footer werden die Titel der Links auf der deutschen Seite mit "Change of Page to:" eingeleitet. Das ist verwirrend; Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet; Startseite, Suchseite, Formularseite: Es gibt keine H1-Überschriften auf den Seiten; Startseite: Im Hochkontrastmodus ist das "Suchen"-Symbol nicht mehr sichtbar.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Inhaltsseite: Der geöffnete Menüpunkt wird einzig durch Farbe gekennzeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite: Die grünen Texte haben ein zu geringes Kontrastverhältnis zum Hintergrund; Startseite: Die weißen Texte haben ein zu geringes Kontrastverhältnis zum grünen Hintergrund (z.B. Footer); Suchseite: Die grauen Texte ("Zeige 1-10 [...]") haben ein zu geringes Kontrastverhältnis zum Hintergrund; Inhaltsseite: Die weißen Texte haben ein zu geringes Kontrastverhältnis zum hellblauen Hintergrund (z.B. unter "Anforderungen [...]").
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden Inhaltsseite: Die Inhalte der Schriftgrafik unter "Was bedeutet [...]" können nicht angepasst werden.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Alle Seiten: Die Darstellung der Webseite ist nicht responsive umgesetzt. Die Webseiteninhalte sind nur durch mehrdimensionales Scrollen vollständig wahrnehmbar.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Der Kontrastabstand der Sliderschaltflächen ist nicht ausreichend; Startseite: Der Kontrastabstand der grünen Elemente (oder weißen Elemente auf grünem Grund) ist nicht ausreichend; Suchseite: Der Kontrastabstand für den Rahmen des Eingabefelds ist nicht ausreichend.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Im Hauptmenü können die Untermenüs mit der Esc-Taste nicht geschlossen werden.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Das Overlay zum Video "Mit dem Aktivieren..." erscheint bei Tastaturnutzern nicht; Startseite: Das Hauptmenü kann mit der Tastatur nicht aufgeklappt werden; Inhaltsseite: Die Kacheln im Abschnitt "Anforderungen [...]" können mit der Tastatur nicht erreicht werden.
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		nicht bestanden –
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht bestanden –
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Die Paginierung des jeweils nicht ausgewählten Sliders wird zusätzlich vom Screenreader ausgegeben. Da sich diese permanent ändert ist das sehr störend.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Nach dem Video wird der Fokus auf ein nicht sichtbares Element ohne alt-Text gesetzt; Startseite: Im Footer wird der Fokus auf den nicht sichtbaren youtube-Link gesetzt.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Der Text des Logos ist auf Englisch (title = To home page).
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Der Tastaturfokus ist nicht sichtbar.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Die Seiten enthalten mehrere Syntaxfehler.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden –
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das Dokument ist nicht PDF/UA-konform.

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.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.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 2.2.1
Zeitbegrenzungen 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.2
Titel beschreiben Thema oder Zweck 		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.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.2
Name, Rolle und Wert sind identifizierbar 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		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