Staatliches Gutachten zur digitalen Barrierefreiheit

Grüner Knopf

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Wesentliche Probleme bei Alternativtexten, Struktur, Formularen, Navigation und Name/Rolle/Wert führen zu starken Nutzungsbarrieren mit Screenreader, obwohl Grundfunktionen teilweise vorhanden sind.

Sehbehinderung Kaum nutzbar

Massiv unzureichende Kontraste, Probleme bei Textabständen und teils nicht erreichbare Inhalte erschweren oder verhindern die Nutzung stark.

Hörbehinderung Mit Hindernissen nutzbar

Audiovisuelle Inhalte sind gut untertitelt und es gibt keine tonbasierten Hürden, aber fehlende Gebärdensprache und kein Barrierefreiheitsfeedback mindern die Nutzbarkeit.

Motorische Behinderung Kaum nutzbar

Zentrale Inhalte und Navigation sind teilweise nicht tastaturbedienbar und der Fokus ist oft unsichtbar, was die Nutzung für reine Tastatur- oder Hilfsmittelnutzer stark einschränkt.

Lernbehinderung Kaum nutzbar

Fehlende leichte Sprache, inkonsistente Navigation, schlecht erkennbare Links und flüchtige Fehlermeldungen schaffen erhebliche Verständnis- und Orientierungsprobleme.

Neurodivergenz Kaum nutzbar

Nicht stoppbare Animationen, schwache Strukturierung, inkonsistente Navigation und schwer wahrnehmbare Rückmeldungen erschweren eine reizarme, vorhersehbare Nutzung deutlich.

Dokumentierte Barrieren

  • Formularfehler schwer auffindbar und nicht verständlich verknüpft

    Nach einem fehlerhaften Formularabsenden erscheint die Fehlermeldung nur kurz und verschwindet wieder. Außerdem sind fehlerhafte Felder nicht eindeutig gekennzeichnet und die Fehlermeldung ist nicht mit dem betroffenen Feld verbunden.

    Auswirkung: Ich kann Eingabefehler leicht übersehen und weiß danach nicht sicher, was ich korrigieren muss. Das kann dazu führen, dass ich das Formular nicht erfolgreich absenden kann.

  • Falsche oder fehlende Struktur erschwert Screenreader-Nutzung

    Auf mehreren Seiten fehlen sinnvolle Überschriftenstrukturen und Hauptbereiche; außerdem sind einige Regionen und Listen falsch ausgezeichnet. Für Formularinhalte sind Beschriftungen, Auswahlfelder und Fehlermeldungen nicht sauber verbunden.

    Auswirkung: Ich kann Inhalte mit dem Screenreader schlechter überblicken und Formulare nicht so leicht verstehen. Das erschwert das schnelle Springen zu Abschnitten und das sichere Ausfüllen von Formularen.

  • Navigation per Tastatur teilweise nicht erreichbar

    Einige zentrale Bedienelemente lassen sich nur mit der Maus nutzen, zum Beispiel der Sprachwechsel im Header, rote Kacheln auf der Inhaltsseite und das Untermenü in der Hauptnavigation. Dadurch sind wichtige Inhalte und Funktionen für reine Tastaturnutzung nicht vollständig bedienbar.

    Auswirkung: Ich kann bestimmte Seitenbereiche oder Funktionen nicht erreichen, wenn ich nur die Tastatur oder ein Hilfsmittel nutze. Das macht die Orientierung und die Nutzung der Website unnötig schwer oder teilweise unmöglich.

  • Fehlende Sichtbarkeit des Tastaturfokus

    Auf vielen interaktiven Elementen ist nicht erkennbar, wo sich der Tastaturfokus gerade befindet. Ohne sichtbare Fokusmarkierung ist die Bedienung der Seite mit Tastatur kaum nachvollziehbar.

    Auswirkung: Ich verliere die Orientierung und weiß oft nicht, welches Element ich gerade auswähle. Das erhöht das Risiko von Fehlbedienungen und kann die Nutzung stark verlangsamen.

  • Kontrastmängel erschweren das Lesen und Erkennen von Bedienelementen

    Mehrere Texte, Fehlermeldungen, Pflichtsternchen, Buttons und Rahmen haben zu wenig Kontrast zum Hintergrund. Auch einzelne Inhaltskacheln und Slider-Elemente sind visuell schwer erkennbar.

    Auswirkung: Ich kann Texte, Hinweise und Bedienelemente schlechter lesen oder unterscheiden. Besonders bei Sehschwäche oder schlechter Umgebung kann das die Nutzung deutlich erschweren.

  • Seiten und PDF sind für Vorlesetechnik nur eingeschränkt zugänglich

    Die Website hat mehrere Syntaxfehler und ein PDF ist nicht PDF/UA-konform. Dadurch können Hilfstechnologien Inhalte möglicherweise nicht zuverlässig erfassen oder korrekt vorlesen.

    Auswirkung: Ich kann auf Schwierigkeiten stoßen, wenn ich Dokumente oder einzelne Inhalte mit assistiver Technik lesen will. Das kann dazu führen, dass Informationen unvollständig oder fehlerhaft ankommen.

  • Automatische Slider-Animation nicht stoppbar

    Die Startseiten-Slider laufen automatisch weiter und lassen sich nicht anhalten. Dadurch verändert sich der sichtbare Inhalt fortlaufend.

    Auswirkung: Ich kann Inhalte schwer erfassen, weil sich die Anzeige ständig bewegt. Das kann ablenken, stressen und das Lesen oder Anklicken erschweren.

  • Unklare Linkbezeichnungen und fehlender Kontext

    Mehrere Links heißen nur "weiterlesen", "hier zum Download", "Hier geht's zur Studie", "DE" oder "EN". Ohne zusätzlichen Kontext ist ihr Ziel nicht eindeutig erkennbar.

    Auswirkung: Ich weiß oft nicht, wohin ein Link führt oder was ich nach dem Klick erhalte. Das macht die Navigation mühsamer, besonders mit Screenreader oder bei kognitiven Einschränkungen.

  • Texte und Kachelinhalte können bei größerem Text abgeschnitten werden

    Bei vergrößerten Textabständen sind Inhalte im unteren Slider und in roten Kacheln nicht vollständig sichtbar. Wichtige Textinformationen gehen dadurch teilweise verloren.

    Auswirkung: Ich kann Inhalte nicht vollständig erfassen und muss eventuell zusätzliche Wege suchen, um fehlende Informationen zu bekommen. Das kann vor allem bei Sehbeeinträchtigungen oder angepasster Darstellung problematisch sein.

  • Zentrale Seite für Kontaktformular nicht konsistent navigierbar

    Die Hauptnavigation enthält auf der Formularseite andere Menüpunkte als auf Start- und Inhaltsseite. Dadurch ändert sich die Navigation unerwartet und wirkt nicht durchgängig gleich.

    Auswirkung: Ich muss mich auf jeder Seite neu orientieren und finde Inhalte schwerer wieder. Das kostet Zeit und kann dazu führen, dass ich wichtige Bereiche übersehe.

  • Unterstützende Angaben für Formulare werden nicht automatisch erkannt

    Die Formularfelder für Nutzerdaten besitzen kein autocomplete-Attribut. Dadurch können Browser und Hilfsmittel Eingaben nicht so gut unterstützen.

    Auswirkung: Ich muss mehr manuell eingeben und kann Formulare nicht so bequem oder fehlerarm ausfüllen. Das erhöht den Aufwand, besonders bei häufig genutzten Kontaktdaten.

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 104.0.5112.102
Screenreader
NVDA 2022.2.2
  • https://www.gruener-knopf.de Web-Angebot öffnen
  • https://vergabestelle.gruener-knopf.de/kontakt￾verbraucher
  • https://www.gruener-knopf.de/nachhaltiger￾konsum
  • https://www.gruener-knopf.de/sites/default/files/file/2020-12/Brosch%C3%BCre_Nachhaltige_Textilien.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Button zum Abspielen des Videos bzw. Vorschaugrafik verfügen über keinen Alternativtext. Startseite: Grafiken tragen denselben Alternativtext "Textilzyklus" wie benachbarte Grafik. Startseite und Inhaltsseite: Layoutgrafiken verwenden keine leeren alt-Attribute. Startseite und Inhaltsseite: Einige Bedienelemente verwenden englische Alternativtexte wie "Logo: Green Button", "Previous", "Next".
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite und Formularseite fehlen belegbare <h1>-Überschriften und es gibt leere <h2>/<h3>-Überschriften. Formularseite: Links im Footer sind nicht als Liste ausgezeichnet, Beschriftungen nicht korrekt mit Auswahlliste und Checkbox verknüpft, Fehlermeldung nicht mit fehlerhaftem Feld verbunden und es existiert keine Hauptregion. Inhaltsseite: Leere <h2>/<h3>-Überschriften. Alle Seiten: Link "KONTAKT" ist als Liste mit nur einem Listenelement ausgezeichnet. Mehrfach ausgezeichnete Regionen wie <nav> sind teilweise nicht korrekt beschriftet.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Formularfelder für Nutzerdaten besitzen kein autocomplete-Attribut.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Formularseite: Links im Footer unterscheiden sich ausschließlich durch Farbe vom umgebenden Text, sodass sie für Benutzer von Farbfehlsichtigkeiten nicht erkennbar sind.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite: Der Kontrast des grauen Textes zum Hintergrund ist mit 1,7:1 zu gering. Formularseite: Der Kontrast der roten Fehlermeldung und der Sternchen (Pflichtfelder) zum Hintergrund ist mit 4:1 bzw. 3,4:1 zu gering; der Kontrast der grauen label-Elemente ist mit 2,8:1 zu gering. Inhaltsseite: Der Kontrast des weißen Textes zum roten bzw. blauen Hintergrund ist mit 2,5:1 bzw. 2,2:1 zu gering. Alle Seiten: Der Kontrast des grünen bzw. weißen Textes zum weißen bzw. grünen Hintergrund ist mit 2,2:1 bzw. 2,5:1 zu gering.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Kontrast der Slidernavigations-Elemente zum Hintergrund ist zu gering (z. B. 1,9:1). Formularseite: Kontrast der grauen Rahmen der Formularelemente und des grünen Buttons zum Hintergrund ist zu gering (2,8:1 bzw. 2,4:1). Inhaltsseite: Kontrast der roten Kacheln zum Hintergrund ist zu gering (2,5:1).
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Startseite: Texte im unteren Slider sind nicht vollständig sichtbar. Inhaltsseite: Texte in den roten Kacheln sind nicht vollständig sichtbar.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Formularseite: Button zum Wechseln der Sprache im Header ist mit Tastatur nicht erreichbar. Inhaltsseite: Rote Kacheln lassen sich nicht per Tastatur erreichen. Alle Seiten: Tastaturnutzer können das Untermenü in der Hauptnavigation nicht wahrnehmen oder anzeigen lassen.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Die Animation für die beiden Slider lässt sich nicht stoppen.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden Startseite: Seitentitel "Grüner Knopf | Grüner Knopf" benennt den Inhalt nicht. Formularseite: Seitentitel "RAL - Grüner Knopf" ist für die Kontaktseite nicht aussagekräftig.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Formularseite: Nach Absenden eines fehlerhaften Formulars wird der Fokus nicht in das erste fehlerhafte Formularfeld gesetzt, sondern bleibt auf dem Button "Nachricht abschicken".
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Linkbezeichnung besteht ausschließlich aus "weiterlesen". Start- und Inhaltsseite: Links "hier zum Download" und "Hier geht's zur Studie" verweisen auf PDFs ohne Hinweis auf Dokumenttyp. Alle Seiten: Linktexte "DE" und "EN" im Header sind nicht aussagekräftig. Alle Seiten: Link (Sprungziel für Skip Link) hat keine Beschriftung.
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		nicht bestanden Alle Seiten sind nicht über verschiedene Wege aufrufbar, z. B. Suche oder Site-Map.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Alle Seiten: Der Fokus ist auf vielen interaktiven Elementen nicht sichtbar.
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		nicht bestanden Formularseite: Hauptnavigation enthält andere Menüpunkte als Start- und Inhaltsseite.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Nach Absenden eines fehlerhaften Formulars wird die Fehlermeldung nur kurz oben rechts eingeblendet und verschwindet nach wenigen Sekunden; fehlerhafte Eingabefelder sind nicht mit aria-invalid="true" gekennzeichnet.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Startseite und Inhaltsseite enthalten mehrere WCAG-relevante Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Alle Seiten: Der aktive Menüpunkt ist für blinde Nutzer nicht wahrnehmbar und es ist nicht erkennbar, dass Untermenüs vorhanden sind.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Erklärung zur Barrierefreiheit ist nicht vorhanden.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Feedback-Mechanismus ist nicht vorhanden.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Leichte Sprache ist nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Gebärdensprache-Video ist nicht vorhanden.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden PDF-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.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.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.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.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		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.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.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden

Möglicherweise verwandte Prüfungen

www.gruener-knopf.de

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 14.09.2023

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