Staatliches Gutachten zur digitalen Barrierefreiheit

www.deutscher-nachhaltigkeitskodex.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Schwere Screenreader- und Tastaturprobleme (fehlende Alternativtexte, keine zugängliche Hauptnavigation, falsche Sprache, unklare Struktur) erschweren Nutzung erheblich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Mehrere zentrale Kontrastmängel, nicht anpassbare Schriftgrafiken, Probleme bei großem Zoom und Textabstand sowie unzureichende Fokusdarstellung schränken sehbehinderte Nutzende stark ein.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für Videos sind vorhanden, es fehlen jedoch Inhalte in Gebärdensprache und Informationen in Leichter Sprache, was die Barrierearmut reduziert.

Motorische Behinderung Kaum nutzbar

Fehlende Tastaturbedienbarkeit der Hauptnavigation, unsichtbarer Fokus bei wichtigen Elementen und Hover-abhängige Menüs behindern Nutzende mit motorischen Einschränkungen stark.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, teils unklare Fokusführung, nicht optimale Fehlermeldungen und unzureichende Struktur erhöhen die kognitive Belastung deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Mangelnde Skiplinks, unklare Fokusreihenfolge, fehlende Leichte Sprache und teils unklare Navigations- und Rückmeldestrukturen erschweren eine reiz- und aufgabenarme Bedienung.

Dokumentierte Barrieren

  • Hauptnavigation nicht per Tastatur nutzbar

    Die wichtigste Navigation der Website lässt sich nicht per Tastatur und auch nicht zuverlässig mit Screenreader erreichen. Dadurch sind zentrale Bereiche der Seite für viele Nutzende nicht direkt bedienbar.

    Auswirkung: Ich kann die Seite ohne Maus kaum sinnvoll erkunden oder zu wichtigen Inhalten springen. Wenn ich nur mit Tastatur arbeite, komme ich an zentrale Informationen möglicherweise gar nicht heran.

  • Kein sichtbarer Fokus bei wichtigen Bedienelementen

    Buttons, Filterfelder und ein iFrame-Bereich zeigen beim Ansteuern keinen sichtbaren Fokus. Damit ist oft nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere die Orientierung bei der Bedienung per Tastatur und weiß nicht, wo ich mich auf der Seite befinde. Das macht die Nutzung fehleranfällig und anstrengend.

  • Kontraste von Text und Bedienelementen sind zu schwach

    Mehrere Texte und Schaltflächen haben auf weißem Hintergrund zu wenig Kontrast, ebenso Teile des Cookie-Dialogs. Auch Rahmen von Eingabefeldern und Schaltern sind zu schwach abgegrenzt.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter erkennen, besonders bei Sehschwäche oder in heller Umgebung. Das macht das Lesen und Anklicken deutlich anstrengender.

  • Sehbare Inhalte brechen bei Vergrößerung nicht gut um

    Bei hoher Vergrößerung nimmt der Kopfbereich sehr viel Platz ein, sodass der übrige Inhalt kaum sichtbar bleibt. Auch Anpassungen von Textabständen führen zu Überlappungen in Header und Navigation.

    Auswirkung: Ich kann bei starker Vergrößerung nicht mehr gut erfassen, was auf der Seite wichtig ist. Das erschwert die Nutzung mit Zoom oder vergrößerter Schrift erheblich.

  • Sprache wird für Screenreader falsch angesagt

    Die Seite und ein eingebetteter Bereich sind als Englisch ausgezeichnet, obwohl die Inhalte auf Deutsch sind. Dadurch wird die Vorlesestimme falsch gewählt.

    Auswirkung: Ich verstehe die Inhalte schlechter, weil die Sprachausgabe für mich unpassend ist. Besonders bei längeren Texten kann das die Nutzung stark erschweren.

  • Fehlende Skiplinks erschweren den Einstieg in Inhalte

    Es gibt keine Sprunglinks, mit denen man direkt zum Hauptinhalt wechseln kann. Wiederholte Seitenteile müssen daher immer wieder durchlaufen werden.

    Auswirkung: Ich muss bei jeder Seite erst durch Kopf- und Navigationsbereiche gehen, bevor ich zum eigentlichen Inhalt komme. Das kostet Zeit und ist besonders mit Tastatur oder Screenreader mühsam.

  • Fokus springt an unpassende Stellen

    Nach der Hauptnavigation landet der Fokus zunächst in einem unsichtbaren Bereich. Auch bei Suchergebnissen wird der Fokus nicht sinnvoll zum Ergebnisbeginn geführt.

    Auswirkung: Ich verliere beim Navigieren die Übersicht und muss erst herausfinden, wo ich gelandet bin. Das verlangsamt die Nutzung und kann dazu führen, dass ich Inhalte übersehe.

  • Fehlerhinweise im Newsletter sind unzureichend

    Im Newsletterformular fehlen Hinweise auf Pflichtfelder und bei einer fehlerhaften E-Mail-Adresse gibt es keinen konkreten Korrekturvorschlag. Zudem sind die Fehlermeldungen nicht sauber mit den Feldern verknüpft.

    Auswirkung: Ich erkenne nicht sicher, was ich falsch gemacht habe und wie ich den Fehler beheben kann. Dadurch scheitere ich leichter beim Absenden des Formulars.

  • Sucheingabefeld ohne verständliche Beschreibung

    Das Suchfeld im Header hat kein zugängliches Label, das seinen Zweck eindeutig beschreibt. Auch die Linkbezeichnung bei Glossar-Links ist nicht immer klar.

    Auswirkung: Ich kann nicht sicher erkennen, wofür ein Eingabefeld oder Link gedacht ist. Das führt leicht zu Fehlbedienungen, besonders mit Screenreader.

  • Hover-Menüs bleiben für Tastatur schwierig kontrollierbar

    Untermenüs öffnen sich per Hover, lassen sich aber nicht per ESC schließen. Das kann die Bedienung mit Tastatur oder assistiven Techniken stören.

    Auswirkung: Ich kann aufgeklappte Menüs nicht einfach wieder schließen und verliere dadurch den Überblick. Das macht die Navigation unruhig und fehleranfällig.

  • Schriftgrafiken und PDF sind schwer zugänglich

    Im Bereich „Weitere Informationen“ werden Schriftgrafiken ohne Anpassungsmöglichkeit verwendet. Zusätzlich ist das bereitgestellte PDF nicht barrierefrei geprüft bestanden.

    Auswirkung: Ich kann wichtige Informationen möglicherweise nicht gut lesen oder mit Hilfstechniken erfassen. Besonders bei visuellen Einschränkungen gehen Inhalte dadurch verloren.

  • Fehlende Barrierefreiheitsinfos und Hilfsangebote

    Es gibt keine Erklärung zur Barrierefreiheit, keinen Feedback-Mechanismus, keine Inhalte in Leichter Sprache und keine Gebärdensprachvideos. Damit fehlen mehrere wichtige Unterstützungsangebote.

    Auswirkung: Ich finde weder verständliche Zusatzinfos noch einen klaren Weg, Barrieren zu melden. Wenn ich auf solche Hilfen angewiesen bin, wird die Nutzung deutlich schwerer.

  • Newsletterformular erschwert automatische Eingabe

    Die Eingabefelder im Newsletterformular haben keine autocomplete-Attribute. Dadurch kann der Browser die Felder nicht sinnvoll mit gespeicherten Daten unterstützen.

    Auswirkung: Ich muss mehr selbst tippen und kann mich weniger auf automatische Eingabe verlassen. Das ist besonders für Menschen mit kognitiven oder motorischen Einschränkungen hinderlich.

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 11
Browser
Google Chrome Version 132.0.6834.84 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.deutscher-nachhaltigkeitskodex.de/ Web-Angebot öffnen
  • https://www.deutscher-nachhaltigkeitskodex.de/de/suche/?query=Berichte#
  • https://www.deutscher-nachhaltigkeitskodex.de/de/newsletter/#
  • https://www.deutscher-nachhaltigkeitskodex.de/de/bericht/berichterstellen/erste-schritte/
  • https://www.deutscher-nachhaltigkeitskodex.de/media/qxdl5fnv/20250120_dnk-gutachten-und-checkliste-modul-1_final.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Logo, Icons, Footer-Logotexte sowie Bilder (u. a. Grafik im iFrame, Suchlupe) besitzen keine aussagekräftigen Alternativen oder sollten als dekorativ markiert werden; ergänzende Textbeschreibung für komplexe Grafik fehlt.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Seiten beginnen ohne H1, multiple Navigationsbereiche fehlen Kennzeichnungen (aria-label), Slider-Inhalte irreführend als Slider deklariert, Suchergebnisse nicht als Liste, Newsletter-Fehlermeldungen nicht korrekt verknüpft.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Newsletterformular-Eingaben benötigen autocomplete-Attribute, um Zweck zu kennzeichnen und automatische Eingabe zu ermöglichen.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Corporate-Grün #aa0 und Button #33B1E9 weisen auf weißem Hintergrund unzureichenden Kontrast auf, Cookie-Dialogschrift #C7D300 zu gering.
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden Im Bereich "Weitere Informationen" sind Schriftgrafiken ohne Anpassungsmöglichkeiten vorhanden und damit für Sehbehinderte schwer zugänglich.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Bei 400 % Zoom nimmt der Header die Hälfte des sichtbaren Bereichs ein, wodurch restlicher Inhalt kaum sichtbar ist.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Newsletter-Eingabefeldrahmen 1,6:1, Cookie-Dialog-Schalterrahmen 1,4:1 (Vorgabe 3:1).
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Bei Schriftanpassung überlappen Header- und Navigationsinhalte, etwa Darstellung Abbildung 03.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Aufermenü öffnet Untermenüs per Hover, lässt sich jedoch nicht mit ESC schließen.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Hauptnavigation ist weder per Tastatur noch Screenreader erreichbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Skiplinks fehlen, sodass Nutzende nicht direkt zu Hauptinhalten springen können.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden Dokumententitel steht nicht im Titel-Tag, sondern nur als Seitentitel.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Nach Hauptnavigation folgt unsichtbarer Bereich (Abb. 04); Suchergebnisse setzen Fokus zum Seitenanfang statt zum Ergebnisbeginn.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Glossar-Links fehlen beschreibende Texte und Hinweis auf neue Fenster/Tab für externe Links.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Buttons, Filter-Eingabefelder und iFrame-Bereich erhalten keinen sichtbaren Fokus.
WCAG 3.1.1
Sprache ist ausgezeichnet 		nicht bestanden Seite und Newsletter-iFrame sind mit lang="en" ausgezeichnet, obwohl Inhalt deutsch ist; Screenreader verwenden falsche Sprache.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden Newsletterformular fehlt Hinweis zu Pflichtfeldern (*) am Anfang.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht bestanden Newsletter gibt bei fehlerhafter E-Mail-Adresse keinen Korrekturvorschlag.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Sucheingabefeld im Header hat kein verstecktes Label (aria-label/aria-labelledby) zur Beschreibung des Zwecks.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Auf geprüfter Website fehlt eine Seite zur Erklärung zur Barrierefreiheit.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Es existiert kein Feedback-Mechanismus für Barrierefreiheitsmeldungen.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Keine Seite mit Erläuterungen in Leichter Sprache vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Keine Inhalte oder Videos in Gebärdensprache vorhanden.
B.1
PAC Test ergibt PDF/UA-konform 		nicht bestanden PAC-Test für PDF dokumentiert nicht bestanden; Hinweise auf weitere mögliche manuelle Mängel (Lesereihenfolge, Links, Alternativtexte, semantische Auszeichnung).

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		im Wesentlichen bestanden Hinweis: Suchergebnisse sollten paginiert und begrenzt werden, Paginierung oben und unten anzeigen.

Bestanden

Kriterium Status
WCAG 1.2.2
Aufgezeichnete Videos 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.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.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		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.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		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

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht anwendbar
WCAG 2.3.1
Blitzen wird vermieden 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht anwendbar

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