Staatliches Gutachten zur digitalen Barrierefreiheit

www.dbu.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale Screenreader-Hürden (fehlende Alternativtexte, unzugängliche Navigation, falsche Rollen, Probleme bei Formularen) erschweren die Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Kaum nutzbar

Unzureichende Kontraste, Probleme bei 200 % Vergrößerung, fehlende sichtbare Rahmen im Hochkontrast und unvollständig sichtbare Eingabefelder schränken die Nutzung stark ein.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind weitgehend mit Untertiteln und Alternativen versehen, jedoch fehlen Gebärdenspracheangebote und teils Leichte Sprache für vollständige Barrierefreiheit.

Motorische Behinderung Mit Hindernissen nutzbar

Wesentliche Inhalte und Funktionen sind nicht vollständig tastaturbedienbar (Navigation, Suche, Darkmode, Video), wodurch die Nutzung für viele motorisch eingeschränkte Personen stark eingeschränkt ist.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, unklare Linktexte, fehlerhafte Formularführung und nicht ausgezeichnete Hauptsprache erschweren das Verständnis und die Orientierung deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Navigation und wenige Zeit- oder Animationsprobleme helfen zwar, aber schlechte Struktur, unklare Links und fehlende vereinfachte Sprache können die kognitive Belastung merklich erhöhen.

Dokumentierte Barrieren

  • Wichtige Funktionen sind per Tastatur nicht erreichbar

    Mehrere zentrale Bedienelemente lassen sich nicht zuverlässig mit der Tastatur nutzen. Dazu gehören das Suchfeld, der Darkmode-Schalter, das Untermenü der Hauptnavigation und auf der Startseite das Video.

    Auswirkung: Ich kann die Suche, die Navigation und einzelne Inhalte nicht ohne Maus bedienen. Wenn ich nur per Tastatur arbeite, komme ich an wichtige Funktionen oft gar nicht heran.

  • Formulare sind schwer verständlich und fehleranfällig

    Im Formular fehlen sichtbare Beschriftungen, Pflichtfelder sind nicht eindeutig markiert und Fehler werden nach dem Absenden nicht zuverlässig angekündigt. Fehlermeldungen sind zudem nicht mit den betroffenen Feldern verknüpft.

    Auswirkung: Ich kann leichter falsche Angaben machen und erkenne oft nicht sofort, was korrigiert werden muss. Dadurch bleibt ein Formular unter Umständen unbenutzbar, bis ich die Seite sehr mühsam prüfe.

  • Untermenüs bleiben offen und sind per Tastatur nicht schließbar

    Auf allen Seiten können aufgeklappte Untermenüs im Hauptmenü nicht per Tastatur, etwa mit ESC, geschlossen werden. Das erschwert die Bedienung und stört den weiteren Zugriff auf Inhalte.

    Auswirkung: Ich verliere leicht die Orientierung, weil offene Menüs den Bildschirm und Fokus blockieren. Das macht die Navigation unnötig schwierig und kann mich in der Bedienung ausbremsen.

  • Wichtige Inhalte sind für Screenreader nicht richtig erkennbar

    Mehrere grafische Elemente haben keine brauchbaren Alternativtexte oder werden vom Screenreader falsch ausgegeben. Dazu zählen Logo, Suche-Icon, Social-Media-Icons, das Video-Vorschaubild und Icons unter Kontakt.

    Auswirkung: Ich erfahre dann nicht, welche Funktion ein Symbol hat oder was hinter einem Bild steckt. Dadurch kann ich Links und Bedienelemente leichter übersehen oder falsch verstehen.

  • Formularfelder und Buttons sind bei Vergrößerung nur teilweise sichtbar

    Bei 200 % Schriftvergrößerung sind auf mehreren Seiten Suchfelder, Buttons und Navigationselemente nicht vollständig sichtbar. Auch im einspaltigen Layout bleibt das Suchfeld beziehungsweise der Button abgeschnitten.

    Auswirkung: Ich muss dann scrollen oder Inhalte raten, obwohl die Seite eigentlich vergrößert sein sollte. Das erschwert besonders Menschen mit Sehbeeinträchtigung die Nutzung deutlich.

  • Tastaturfokus ist nicht immer sichtbar

    Auf der Formularseite ist der Fokus bei wichtigen Links und dem Button „Anmelden“ nicht erkennbar. Dadurch sieht man beim Tabben nicht zuverlässig, welches Element gerade aktiv ist.

    Auswirkung: Ich kann mich mit der Tastatur schlechter orientieren und verliere leicht die Kontrolle über die Bedienung. Das erhöht das Risiko, versehentlich das falsche Element auszulösen.

  • Navigation und Seitenstruktur sind für Screenreader uneinheitlich

    Die Überschriftenhierarchie ist mehrfach fehlerhaft und einige Bereiche sind semantisch falsch ausgezeichnet. Beispiele sind Suchergebnislisten ohne Listenstruktur, Breadcrumbs ohne Listenstruktur und ein Suchfeld, das als Tabelle ausgegeben wird.

    Auswirkung: Ich kann Inhalte schwerer logisch erfassen und mich auf der Seite schlechter orientieren. Das kostet Zeit und erhöht die Wahrscheinlichkeit, dass ich Zusammenhänge oder Bedienelemente übersehe.

  • Kontraste sind teils zu schwach

    Mehrere Texte und Bedienelemente haben keinen ausreichenden Kontrast zum Hintergrund. Betroffen sind unter anderem Textbereiche auf der Startseite, auf Formularseiten und ein Link wie „E-Mail schreiben“.

    Auswirkung: Ich muss stärker anstrengen, um Texte und Bedienelemente zu erkennen. Bei schwachem Sehen oder in ungünstigen Lichtverhältnissen kann ich Inhalte leicht übersehen.

  • PDF-Dokument ist nicht barrierefrei genug nutzbar

    Das geprüfte PDF erfüllt PDF/UA nicht. Für Nutzerinnen und Nutzer mit Hilfstechnologien kann die Struktur oder Nutzbarkeit des Dokuments dadurch eingeschränkt sein.

    Auswirkung: Ich kann das Dokument möglicherweise nicht sauber lesen, navigieren oder ausfüllen. Gerade bei wichtigen Unterlagen kann das die Nutzung deutlich erschweren.

  • Linktexte und Seitennummern sind nicht aussagekräftig

    Teaser, Suchergebnisse und Pagination-Links werden teils nur als lange oder sehr kurze, unklare Links ausgegeben. Besonders die Seitenzahlen und der Pfeil-Link sagen nicht genug über ihr Ziel aus.

    Auswirkung: Ich kann Links nicht schnell sinnvoll auswählen und muss sie häufiger einzeln prüfen. Das macht die Seitennavigation zäh und fehleranfällig.

  • Hauptsprache ist nicht ausgezeichnet

    Die Sprache der Website ist im HTML nicht korrekt markiert. Dadurch kann Hilfstechnik die Seite möglicherweise nicht mit der richtigen Sprachausgabe lesen.

    Auswirkung: Ich höre Texte unter Umständen in einer falschen Aussprache oder mit störender Sprachumstellung. Das erschwert das Verstehen von Inhalten erheblich.

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 115.0.5790.171
Screenreader
NVDA 2022.4
Tools
NVDA, PAC3-Test
  • https://www.dbu.de/ Web-Angebot öffnen
  • https://www.dbu.de/?s=Umwelt
  • https://www.dbu.de/dbuaktuell/abonnieren/
  • https://www.dbu.de/publikationen/
  • https://www.dbu.de/
  • https://www.dbu.de/app/uploads/Foerderleitlinien￾Deutsche-Bundesstiftung-Umwelt-1.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Startseite: Video-Vorschaubild hat keinen Alternativtext; Inhaltsseite: Icons unter Kontakt haben keinen Alternativtext; alle Seiten: Logo DBU und Suche-Icon ohne Alternativtext; Social-Media-Icons nur über title/alt beschriftet und werden als "unbeschriftet" ausgegeben.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Überschriftenhierarchie nach h2 folgt h4; Suchseite: Suchergebnisliste nicht als Liste ausgezeichnet; Formularseite: Breadcrumb-Navigation nicht als Liste; Formularseite Hochkontrastmodus: Formularfelder und Button ohne Rahmen, aktivierte Checkboxen schwer erkennbar; Inhaltsseite: Überschriftenhierarchie h1-h3 bzw. h2-h5 unstimmig, Suchfeld wird als Tabelle ausgegeben, Teaser vom Screenreader teilweise mit "Leer"; Alle Seiten: Bedienelemente für Darkmode und Sprachwechsel je Liste mit einem Listenelement strukturiert.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularseite: Formularfelder für Nutzerdaten ohne autocomplete-Attribut.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Startseite: weißer Text auf blauem Hintergrund unter "Aktuelles" zu geringer Kontrast; Formularseite: grüner Text auf weißem Hintergrund zu geringer Kontrast; Inhaltsseite: blauer Text "E-Mail schreiben" auf weißem Hintergrund zu geringer Kontrast.
Schriftgröße kann angepasst werden nicht bestanden Inhaltsseite: Schriftvergrößerung 200 % führt dazu, dass Suchfeld, Such-Button und Kategorien-Button nicht vollständig sichtbar sind; Alle Seiten: Navigationselement "Service" bei 200 % Schriftvergrößerung nicht vollständig sichtbar.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Formularseite: Kontrastabstand der grauen Rahmen der Formularelemente zum Hintergrund zu gering.
Textabstände sind anpassbar nicht bestanden Formularseite, Inhaltsseite: Textabstände im Inhaltsbereich passen sich nicht an.
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden Alle Seiten: Untermenüs im Hauptmenü können per Tastatur (z. B. ESC-Taste) nicht geschlossen werden.
Tastaturbedienbarkeit ist gegeben nicht bestanden Startseite: Video mittels Tastatur nicht erreichbar; Alle Seiten: Darkmode-Schalter nicht per Tastatur erreichbar; Alle Seiten: Suchfeld kann mit ENTER/LEER nicht angezeigt werden, Funktion nur per Mouseover; Alle Seiten: Untermenü lässt sich nicht mit Tastatur einblenden.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Inhalte bzw. Bereiche können nicht mit Skip-Links oder Accesskeys übersprungen werden.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Inhaltsseite: Zwei Links (h3-Überschrift und Bild) unter Publikationsteasern erhalten Fokus, verweisen auf das gleiche Ziel.
Linkzweck ist verständlich (im Kontext) nicht bestanden Startseite, Suchseite: Texte in Teasern und Suchergebnissen werden als lange Links ausgegeben; Suchseite: Pagination-Links "1", "44" und ">>" nicht aussagekräftig.
Tastaturfokus ist sichtbar nicht bestanden Formularseite: Tastaturfokus für Button "Anmelden" sowie Links "AGB" und "Datenschutzbestimmungen" nicht sichtbar.
Sprache ist ausgezeichnet nicht bestanden Alle Seiten: Hauptsprache ist im html-Element nicht ausgezeichnet.
Fehlermeldungen sind in Textform vorhanden nicht bestanden Formularseite: Nach fehlerhaftem Absenden gibt Screenreader nicht sofort Fehlermeldung aus; Fehlermeldungen nicht mit entsprechenden Formularfeldern verknüpft, werden beim Fokus nicht ausgegeben; nicht aktivierte Checkbox "Datenschutzbestimmungen" nicht rot hervorgehoben.
Label enthalten Eingabehinweise nicht bestanden Formularseite: Auswahlliste "Anrede" und Eingabefelder haben keine sichtbare Beschriftung, nur Placeholder-Text; Pflichtfelder ohne Auszeichnung; Inhaltsseite: Suchfeld "Titel/Autor suchen" hat keine sichtbare Beschriftung, nur Placeholder-Text.
Syntaxspezifikationen sind erfüllt nicht bestanden Alle Seiten: Syntaxfehler wie Duplicate ID.
Name, Rolle und Wert sind identifizierbar nicht bestanden Inhaltsseite: Schalter "Kategorien" wird vom Screenreader mit "erweitert" ausgegeben, obwohl nicht aufgeklappt; Alle Seiten: Untermenü der Hauptnavigation für Screenreader nicht wahrnehmbar.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden Formale Prüfung gibt an: 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 geprüfte PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Inhalte brechen in einspaltiges Layout um im Wesentlichen bestanden Inhaltsseite: Eingabefeld für Suche und Button nicht vollständig sichtbar.
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Startseite: Titel fehlt individuelle Seitenbezeichnung.

Bestanden

Kriterium Status
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
Sinnvolle Lesereihenfolge ist gegeben bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar 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
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
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
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.2
Feedback-Mechanismus 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.