Staatliches Gutachten zur digitalen Barrierefreiheit

www.dge.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, unklare Struktur, mangelhafte Formulare, schlechte Tastaturführung und Fokusprobleme schränken Screenreader-Nutzer stark ein.

Sehbehinderung Kaum nutzbar

Mehrere gravierende Kontrastprobleme, schlecht sichtbarer Fokus und unsichtbare Bedienelemente im Hochkontrastmodus beeinträchtigen die Nutzung erheblich.

Hörbehinderung Weitgehend zugänglich

Multimedia ist weitgehend mit Untertiteln und Alternativen versehen, nur das fehlende Gebärdensprachvideo mindert die sonst gute Nutzbarkeit leicht.

Motorische Behinderung Kaum nutzbar

Wesentliche Bereiche wie Hauptnavigation, Untermenüs und Datepicker sind nicht ausreichend tastaturbedienbar und Fokusprobleme erschweren die Steuerung stark.

Lernbehinderung Mit Hindernissen nutzbar

Grundstruktur und Sprache sind überwiegend korrekt, aber unklare Linktexte, fehlende oder schlechte Beschriftungen und problematische Fehlermeldungen erschweren das Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Navigation und fehlende Animationen helfen, aber lange Linktexte, unklare Fokussprünge und das spät fokussierte Cookie-Banner können stark ablenken und überfordern.

Dokumentierte Barrieren

  • Hauptnavigation per Tastatur nicht nutzbar

    Die Hauptnavigation und das Untermenü lassen sich nicht mit der Tastatur erreichen oder bedienen. Auch einige wichtige Steuerelemente wie Datepicker sind per Tastatur nicht zugänglich.

    Auswirkung: Ich kann mich nicht zuverlässig durch die Website bewegen, wenn ich keine Maus benutze. Zentrale Inhalte und Seiten bleiben für mich schwer oder gar nicht erreichbar.

  • Inhalte im Hochkontrastmodus teils unsichtbar

    Einige Such-Buttons und das E-Mail-Feld im Footer werden im Hochkontrastmodus nicht sichtbar dargestellt. Dadurch verschwinden wichtige Bedienelemente für Nutzerinnen und Nutzer mit hoher Kontrastdarstellung.

    Auswirkung: Ich kann bestimmte Funktionen dann nicht mehr erkennen oder bedienen. Das beeinträchtigt besonders die Suche und Kontaktaufnahme.

  • Cookie-Banner blockiert den Einstieg

    Das Cookie-Banner bekommt den Fokus erst sehr spät und überlagert Inhalte, kann nicht sofort geschlossen werden. Dadurch wird der Seitenzugang und die Bedienung am Anfang der Nutzung gestört.

    Auswirkung: Ich werde beim Seitenaufruf ausgebremst und muss mich erst durch ein überlagerndes Element kämpfen. Das kann die Nutzung zentraler Seiteninhalte massiv erschweren.

  • Fehler in Formularen werden nicht verständlich gemeldet

    Bei ungültiger E-Mail-Adresse wird der Fehler nicht klar vom Screenreader ausgegeben und eine sichtbare Fehlermeldung fehlt. Pflichtfeldhinweise werden zudem mehrfach ausgegeben.

    Auswirkung: Ich merke nicht zuverlässig, warum das Absenden nicht funktioniert hat. Dadurch kann ich Formulare nicht sicher und selbstständig abschicken.

  • Tastaturfokus ist teils unsichtbar

    Der Fokus ist auf wichtigen Bedienelementen wie dem Suchbutton und dem Nach-oben-Link nicht sichtbar oder nur sehr schwach erkennbar. Auch bei anderen Elementen ist der Kontrast des Fokusrahmens zu gering.

    Auswirkung: Ich sehe nicht immer, wo ich mich gerade auf der Seite befinde. Das macht die Navigation mit Tastatur unsicher und fehleranfällig.

  • Schlechte Lesbarkeit durch zu geringen Kontrast

    Mehrere Texte und Bedienelemente haben zu wenig Kontrast zum Hintergrund, zum Beispiel grüne Links, Breadcrumbs und fokussierte Pagination-Links. Auch einige Nicht-Text-Elemente wie Eingabefelder sind kaum vom Hintergrund zu unterscheiden.

    Auswirkung: Ich kann Inhalte und Bedienelemente schwer erkennen, besonders bei schwachem Sehvermögen oder im Hochkontrastmodus. Dadurch übersehe ich Links und Eingabefelder leichter.

  • Suche und Filter sind für Screenreader schwer verständlich

    Auf der Suchseite sind Überschriften, Listen und Ergebnisbereiche nicht korrekt strukturiert, außerdem sind Sortierung und aktuelle Seite nicht eindeutig erkennbar. Dadurch ist die Orientierung in den Suchergebnissen erschwert.

    Auswirkung: Ich kann Suchergebnisse und Filter schlechter verstehen und gezielt auswählen. Besonders bei vielen Treffern verliere ich leicht den Überblick.

  • Formulareingaben sind unklar beschriftet

    Auf der Formular- und Suchseite fehlen bei mehreren Feldern aussagekräftige Beschriftungen oder passende Hinweistexte. Auch der Zweck mancher Eingabefelder ist nicht gut erkennbar.

    Auswirkung: Ich weiß nicht sicher, was ich in ein Feld eintragen soll oder ob ich es richtig ausgefüllt habe. Das führt zu Fehlern und unnötigem Ausprobieren.

  • Fehlende Alternativtexte bei wichtigen Bedienelementen

    Mehrere Logos, Icons und Buttons haben keine brauchbare Beschriftung oder keinen Alternativtext. Dazu gehören unter anderem Such- und Nach-oben-Buttons sowie Logos im Kopf- und Inhaltsbereich.

    Auswirkung: Mit Screenreader kann ich nicht sicher erkennen, welche Funktion ein Symbol hat. Wichtige Navigationselemente werden dadurch unverständlich oder übersehen.

  • Such- und Seitenstatus sind für Screenreader nicht klar

    Auf der Suchseite ist nicht immer erkennbar, welche Sortierung aktiv ist oder welche Seite gerade geöffnet ist. Auch die Bedeutung einzelner Bedienelemente wird für Screenreader nicht sauber vermittelt.

    Auswirkung: Ich weiß nicht sicher, wo ich mich innerhalb der Ergebnisliste befinde. Das macht die gezielte Auswahl von Treffern deutlich schwieriger.

  • PDF-Dokumente sind nicht barrierefrei nutzbar

    Das geprüfte PDF ist nicht PDF/UA-konform. Für Screenreader und andere Hilfsmittel kann dadurch die Nutzung des Dokuments deutlich erschwert sein.

    Auswirkung: Ich kann Inhalte in der PDF möglicherweise nicht zuverlässig lesen oder strukturiert erfassen. Wenn das Dokument wichtige Informationen enthält, ist das für mich ein Hindernis.

  • Such- und Navigationslinks sind schwer verständlich

    Viele Links haben sehr lange, unklare oder technische Beschriftungen, etwa URL-Texte oder Pagination-Bezeichnungen. Auch Telefon- und Faxlinks sind schwer unterscheidbar.

    Auswirkung: Ich kann oft nicht erkennen, wohin ein Link führt. Dadurch klicke ich eher falsch oder muss Linktexte mehrfach prüfen.

  • Sprach- und Strukturprobleme erschweren Screenreader-Nutzung

    Auf der Seite fehlen an mehreren Stellen klare Regionsbezeichnungen, korrekt ausgezeichnete Überschriften und saubere HTML-Strukturen. Zusätzlich können Silbentrennungen in Links für Screenreader unverständlich ausgegeben werden.

    Auswirkung: Ich muss Inhalte mühsamer erfassen und kann die Seitenstruktur schlechter überblicken. Das kostet Zeit und erhöht das Risiko, wichtige Informationen zu verpassen.

  • Gebärdensprachangebot fehlt

    Ein Gebärdensprache-Video ist nicht vorhanden. Für gehörlose Nutzende fehlt damit ein wichtiger Zugang zu den grundlegenden Informationen in ihrer bevorzugten Sprache.

    Auswirkung: Ich bekomme die Informationen nicht in Gebärdensprache und muss auf andere, möglicherweise schwerere Zugänge ausweichen. Das kann das Verständnis deutlich erschweren.

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 116.0.5845.141
Screenreader
NVDA 2022.4
Tools
Google Chrome 116.0.5845.141, NVDA 2022.4
  • https://www.dge.de/ Web-Angebot öffnen
  • https://www.dge.de/suchergebnisse-solr/?tx_solr%5Bq%5D=ern%C3%A4hrung
  • https://www.dge.de/kontaktformular/
  • https://www.dge.de/dge/team/
  • https://www.dge.de/fileadmin/dok/dge/organisation/DGE-Satzung.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Startseite: Beim Alternativtext für das Logo "70 Jahre DGE" im Inhaltsbereich fehlt der Zusatz "Deutsche Gesellschaft für Ernährung e.V.". * Startseite: Hintergrund- und Layoutgrafiken unter "Meldungen" und "Top Themen" sind ohne leere Alt-Attribute. * Alle Seiten: Das svg-Logo im Header hat keinen Alternativtext, das Icon für Leichte Sprache hat einen nicht benötigten <title>. * Alle Seiten: Logo "DGE" im Inhaltsbereich und Such- sowie Nach-oben-Button liefern keine Beschriftung.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Suchseite: Zwischenüberschrift "Gesucht nach ernährung..." fehlt als Ebene 2, "Themen" und "Format" sind nicht als Ebene 3 ausgezeichnet. * Suchseite: Links unter "Themen"/"Format" und Suchergebnisse sind nicht als Listen strukturiert. * Inhaltsseite: Spaltenüberschriften fehlen korrektes <th> innerhalb <thead>. * Alle Seiten: Navigationsregionen haben kein aria-label, Hochkontrastmodus macht Such-Buttons und Footer-E-Mail-Feld unsichtbar.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden * Formularseite: Formularelemente zur Nutzerdatenerfassung fehlen autocomplete-Attribute mit spezifischen Werten, Zweck schwer erkennbar.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Alle Seiten: Einige Texte unterschreiten den Kontrast (z. B. grüne Links auf hellgrün 3,6:1, grüne Links in Footer 4,2:1, grüne Links in Tabellen 3,9:1, grauer Breadcrumb-Link 3,4:1, fokussierte Links in Pagination 1,3:1).
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Alle Seiten: Einige Nicht-Text-Inhalte erreichen nicht den Kontrast 3:1 (z. B. weißes Feld "E-Mail-Adresse" auf hellgrauem Hintergrund 1,1:1, graue Eingabefelder auf weißem Hintergrund 1,2:1).
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Suchseite: Datepicker der Felder "von" und "bis" kann nicht per Tastatur erreicht oder bedient werden. * Alle Seiten: Hauptnavigation und Untermenü sind nicht mit der Tastatur erreichbar/bedienbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Zwei Skiplinks existieren, werden beim Fokus nicht sichtbar oder besitzen keinen Linktext, und der Skiplink "headerSearch" verweist auf kein Element mit dieser ID.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden * Startseite: Aus Titel ist nicht erkennbar, dass es sich um die Startseite handelt.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Erster Teaser gibt drei Links (Bild, Überschrift, Button) mit identischem Ziel den Fokus. * Formularseite: Bei ungültiger E-Mail-Adresse wird Fokus nach Absenden nicht ins fehlerhafte Feld gesetzt. * Alle Seiten: Cookie-Banner erhält Fokus erst am Seitenende und überlagert Inhalte, kann nicht sofort geschlossen werden.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Startseite: Teaser unter "Meldungen"/"Top Themen" geben gesamte Inhalte als sehr lange Linktexte aus. * Startseite: Logos unter "Projekte der DGE..." liefern die jeweilige URL als Linktext. * Suchseite: Suchergebnisse und Linktext "doppelt gewinkelte Klammer zu/auf" (Pagination) sind nicht aussagekräftig. * Inhaltsseite: Social-Media-Logos geben URLs als Linktexte. * Alle Seiten: Link "Englisch" im Header passt sich bei Aktivierung nicht an. * Alle Seiten: Telefon- und Faxnummernlinks sind schwer zu unterscheiden.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden * Suchseite: Button zum Absenden der Suche ist nicht sichtbar. * Inhaltsseite: Zweite Tabellenspalte hat keine Spaltenüberschrift. * Alle Seiten: <h2> im Footer trägt nicht aussagekräftigen Text "[socialLinksTitle]".
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Alle Seiten: Tastaturfokus auf Header-Suchbutton und Nach-oben-Link ist nicht sichtbar. * Alle Seiten: Tastaturfokus ist teilweise schlecht sichtbar, weil Rahmenfarbe/Hintergrund (z. B. 1,7:1) unter 3:1 liegen.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden * Formularseite: Bei Fokus auf fehlerhaftes Feld (ungültige E-Mail) wird dieser nicht als Fehler vom Screenreader ausgegeben, und Fehlermeldung unterhalb des Feldes fehlt. * Pflichtfelder: Beim Navigieren mit Tastatur wird "Dies ist ein Pflichtfeld." mehrfach ausgegeben.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden * Alle Seiten: HTML enthält WCAG-relevante Syntaxfehler (z. B. Duplicate ID).
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Startseite: Für Screenreader nicht erkennbar, dass Hauptnavigation Untermenüs hat. * Suchseite: Element "Sortieren nach" wird als "Menü-Schaltfläche erweitert Untermenü" ausgegeben, ist aber nicht klickbar. * Suchseite: Aktive Sortierung und aktuelle Seite in Pagination für Screenreader nicht erkennbar.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Ein Gebärdensprache-Video ist nicht vorhanden.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		im Wesentlichen bestanden * Startseite: Innerhalb von Links werden Silbentrennungen mit "&shy;" genutzt, was Screenreader unverständlich ausgibt.
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		im Wesentlichen bestanden * Formularseite: Text "Noch 9983 Zeichen" unter dem Feld "Nachricht" wird vom Screenreader nicht ausgegeben.

Bestanden

Kriterium Status Notizen
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.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.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.12
Textabstände sind anpassbar 		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.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		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.2
Label enthalten Eingabehinweise 		bestanden * Suchseite: Felder "von" und "bis" sind nur durch Placeholder beschriftet, die bei Eingabe verschwinden und nicht aussagekräftig sind. * Alle Seiten: Such-Eingabefeld hat keine sichtbare Beschriftung.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden Formale Prüfung ergibt trotz Vorhandensein einer Erklärung zur Barrierefreiheit kein bestandenes Gesamturteil.
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache 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.

Jetzt via Steady unterstützen