Staatliches Gutachten zur digitalen Barrierefreiheit

Bundesanstalt für Landwirtschaft und Ernährung

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere schwere Mängel bei Semantik, Navigationsstrukturen, Fokusführung und Zustandsrückmeldungen erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unbedienbar.

Sehbehinderung Mit Hindernissen nutzbar

Unzureichender Nicht-Text-Kontrast und Probleme bei Textabstand beeinträchtigen die Wahrnehmbarkeit, grundlegende Inhalte bleiben jedoch überwiegend erkennbar.

Hörbehinderung Fast barrierefrei

Es werden keine auditiven Barrieren beschrieben, sodass gehörlose Menschen die Seite weitgehend ohne zusätzliche Einschränkungen nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Die fehlerhafte Fokusreihenfolge, nicht schließbare Hover-Menüs und redundante Fokusstopps erschweren, aber verhindern Tastaturbedienung nicht vollständig.

Lernbehinderung Mit Hindernissen nutzbar

Unlogische Reihenfolgen, überladene Link- und Feldbeschriftungen sowie komplexe Navigation können Orientierung und Verständnis deutlich erschweren.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Struktur, aufklappende Menüs ohne klare Steuerung und redundante Informationen können Konzentration und Reizreduktion beeinträchtigen, sind aber nicht vollständig ausschließend.

Veränderung

Aktuell angezeigt
12 gefundene Barrieren +1 zur vorherigen Prüfung
6,2/10 Ø Schwere -0,3 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Hauptnavigation nicht sinnvoll bedienbar

    Die Hauptnavigation nutzt Überschriften als Menüstruktur und Untermenüs lassen sich per Tastatur nicht zuverlässig schließen. Dadurch wirkt die Navigation für assistive Technologien und Tastaturbedienung uneindeutig und sperrig.

    Auswirkung: Ich komme nur umständlich durch die Menüs und kann mich leichter festfahren. Das kostet Zeit und kann dazu führen, dass ich gesuchte Inhalte nicht erreiche.

  • Fehlermeldungen werden nicht gezielt gefunden

    Wenn ein Formular fehlerhaft abgeschickt wird, springt der Fokus nicht zum ersten fehlerhaften Feld. Dadurch bleibt unklar, wo genau das Problem liegt.

    Auswirkung: Ich übersehe die Eingabefehler leichter und kann das Formular nicht zügig korrigieren. Das erschwert oder verzögert das Abschicken meiner Anfrage deutlich.

  • Unklare Navigation für Screenreader

    Mehrere Seitenbereiche wie Kopf-, Haupt-, Seiten- und Fußbereich sind nicht sauber als Navigation oder Seitenstruktur gekennzeichnet. Dadurch sind die Bereiche schwer voneinander zu unterscheiden und nicht zuverlässig ansteuerbar.

    Auswirkung: Ich finde wichtige Bereiche nicht schnell wieder und muss mich mühsam durch Inhalte arbeiten. Besonders bei großen Seiten verliere ich leichter die Orientierung.

  • Suchergebnisse schwer steuerbar

    Nach Suchen, Filtern, Sortieren oder Seitenwechsel springt der Fokus immer wieder an den Seitenanfang. Sortier- und Filterelemente stehen außerdem erst nach den Ergebnissen im Quellcode.

    Auswirkung: Ich muss nach jeder Aktion erst wieder suchen, wo ich gelandet bin. Das macht die Ergebnisansicht deutlich schwerer nutzbar und unterbricht meinen Arbeitsfluss.

  • Filter und Schaltflächen nicht als Bedienelemente erkennbar

    Filterkategorien und manche Menüpunkte sind visuell zwar als steuerbare Elemente gestaltet, aber programmatisch nicht eindeutig als Buttons, Checkboxen oder Zustände erkennbar. Aktiviert, inaktiv oder aufgeklappt wird nicht zuverlässig vermittelt.

    Auswirkung: Ich weiß oft nicht, ob ich gerade ein Element bedienen kann oder welchen Zustand es hat. Dadurch treffe ich häufiger Fehlbedienungen oder übersehe wichtige Filter.

  • Suchfeld und Pflichtfelder unklar ausgezeichnet

    Das Suchfeld hat mehrere unterschiedliche Beschriftungen, und Pflichtfelder sind nur mit Stern markiert statt technisch als erforderlich gekennzeichnet. Assistive Technologien erhalten dadurch keine eindeutigen Hinweise.

    Auswirkung: Ich bin unsicher, welches Feld wofür gedacht ist und welche Eingaben zwingend nötig sind. Das erhöht die Wahrscheinlichkeit von Fehlern und unnötigen Wiederholungen.

  • Inhalte überlappen bei vergrößerter Textdarstellung

    Wenn Textabstände angepasst werden, überlagern sich Inhalte im Kopfbereich. Dadurch wird der Text teilweise schwer lesbar oder verdeckt.

    Auswirkung: Ich kann Inhalte bei vergrößerter oder angepasster Darstellung schlechter lesen. Das erschwert besonders Menschen mit Sehschwäche die Nutzung.

  • Rechte Navigation teils unsichtbar

    Die rechte Navigation ist auf manchen Seiten nicht als eigener Navigationsbereich ausgezeichnet und bleibt für assistive Technologien schwer erkennbar. Dadurch können Zusatzinhalte übersehen werden.

    Auswirkung: Ich finde ergänzende Informationen und Seitennavigation schlechter. Das kostet Zeit und kann dazu führen, dass ich nützliche Inhalte nicht wahrnehme.

  • Vorschlagsliste beim Tippen wird nicht angekündigt

    Wenn beim Tippen neue Suchvorschläge erscheinen, werden diese Änderungen für Screenreader nicht als neue Information signalisiert. Die Vorschlagsliste bleibt damit leicht unbemerkt.

    Auswirkung: Ich bemerke die neuen Vorschläge möglicherweise nicht oder zu spät. Dadurch kann ich die Suche weniger effizient nutzen.

  • Kontrast von Rahmen und Checkboxen zu gering

    Einige Eingabefelder und visuelle Checkboxen heben sich zu schwach vom Hintergrund ab. Dadurch sind Bedienelemente visuell schwerer zu erkennen.

    Auswirkung: Ich kann Formularfelder und Filter schlechter wahrnehmen, vor allem bei schwächerem Sehvermögen oder ungünstigen Lichtverhältnissen. Das erhöht die Fehlerquote beim Ausfüllen und Filtern.

  • Doppelte und überladene Linkbeschreibungen

    Einige Links werden durch mehrere gleichzeitige Beschriftungen wie Titel, Bildalternative und Überschrift unnötig lang oder doppelt angekündigt. Andere Inhalte wie Slider-Bilder wiederholen bereits vorhandenen Text.

    Auswirkung: Ich höre beim Vorlesen zu viele wiederholte Informationen und verliere den Überblick. Das macht das schnelle Erfassen von Links und Inhalten mühsamer.

  • Alternativtexte sagen den Bildinhalt nicht aus

    Bilder im Slider tragen nur allgemeine Alternativtexte wie „Bild“. Der eigentliche Inhalt oder Zweck der Bilder wird damit nicht vermittelt.

    Auswirkung: Ich kann die Bilder nicht verstehen und verpasse möglicherweise wichtige Hinweise oder Themen. Bildinhalte helfen mir dann nicht bei der Orientierung.

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
Chrome Version 137.0.7151.104 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Veränderung nach WCAG-Kriterien

26.06.2025 Vereinfachte Überwachung
angezeigtes 24 nicht bestanden 0 weitgehend 0 bestanden
30.06.2023 Vereinfachte Überwachung Gutachten ansehen
12 nicht bestanden 1 weitgehend 41 bestanden
  • https://www.ble.de/DE/Startseite/startseite_node.html Web-Angebot öffnen
  • https://www.ble.de/SiteGlobals/Forms/Suche/Servicesuche_Formular.html?nn=633482&resourceId=662106&input_=633482&pageLocale=de&templateQueryString=gutes+essen&submit.x=0&submit.y=0
  • https://www.ble.de/DE/BLE/Kontakt/kontakt_node.html ⓘ
  • https://www.ble.de/DE/Projektfoerderung/Foerderungen-Auftraege/foerdermassnahmen_node.html
  • https://www.ble.de/SharedDocs/Downloads/DE/Publikationen/BLE-dt.pdf?__blob=publicationFile&v=1

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Die Bilder im Slider „Themenschwerpunkte“ tragen lediglich Alternativtexte mit generischer Bezeichnung („Bild“) und geben keinen Aufschluss über Inhalt oder Zweck. Bitte statt generischer Ausdrücke aussagekräftige Alternativtexte hinterlegen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Mehrere Navigationselemente (Header, Main, Footer, rechte Navigation) sind nicht durch <nav> ausgezeichnet und haben keine eindeutigen aria-labels, sodass Screenreader die Bereiche kaum unterscheiden können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Hauptnavigation nutzt ausschließlich Überschriftsebenen zur Strukturierung (H2 für Bereich, H3/H4 für Menüpunkte), wodurch der semantische Zweck von Überschriften missbraucht wird.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Paginierungen bei den Suchergebnissen verfügen über keine aria-labels oder aria-labelledby, wodurch Screenreader-Nutzende die beiden Navigationsbereiche nicht unterscheiden können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die rechte Navigation auf Kontakt- und Inhaltsseite ist nicht mit HTML5-Elementen (z. B. <nav>) ausgezeichnet und bleibt für assistive Technologien unsichtbar.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Hinter der Hauptnavigation ist eine H2-Überschrift ohne Inhalt vorhanden, wodurch eine leere Struktur erzeugt wird, die zu Inkonsistenzen bei der Navigation führt.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Seite nutzt keine HTML5-Strukturierungselemente wie <header>, <main> oder <footer>, wodurch zentrale Inhaltsbereiche nicht programmatisch erfassbar sind.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Sortier- und Filterelemente erscheinen im Quellcode erst nach den Suchergebnissen, sodass die Lesereihenfolge für Tastatur- und Screenreader-Nutzende unlogisch ist. Stellen Sie diese Steuerungen direkt nach dem Sucheingabefeld und vor den Ergebnissen bereit.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Rahmen der Eingabefelder (Formular und Suchfeld) weisen nur 1,6:1 Kontrast gegen den Hintergrund auf. Erhöhen Sie die Rahmenfarbe auf mindestens 3:1.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Visuelle Checkboxen zur Filterung haben nur 2,4:1 Kontrast zum Hintergrund. Die Checkboxen müssen so gestaltet werden, dass sie mindestens 3:1 erreichen.
WCAG 1.4.12
Textabstand 		nicht bestanden Im Header-Bereich überlappen sich Inhalte bei angepasstem Textabstand, wodurch Text schwer lesbar wird. Sorgen Sie für ausreichende Abstände, sodass sich Elemente niemals überlagern.
WCAG 1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus 		nicht bestanden Untermenüs der Hauptnavigation werden bei Fokus/Hover eingeblendet, können jedoch per Tastatur nicht geschlossen werden, was andere Inhalte überdeckt. Sorgen Sie für Steuerung per Escape/Entfernen des Fokus oder öffnen Sie Untermenüs nur aktiv per Enter/Space.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Nicht steuerbares Untermenü zwingt Tastaturnutzende, alle Unterpunkte durchzulaufen, bevor ein Wechsel möglich ist. Öffnen Sie Untermenüs nur explizit und erlauben Sie ein Schließen per Tastatur.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Im Bereich „Themen und Artikel“ führen Überschrift, Teaser-Bild und „Weiterlesen“-Link identisch zum selben Ziel, was unnötige Navigationsschritte verursacht. Reduzieren Sie Doppelverlinkungen.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Nach Interaktionen (Suche, Sortierung, Filterung, Paginierung) wird der Fokus automatisch an den Seitenanfang gesetzt. Setzen Sie den Fokus stattdessen z. B. auf die Überschrift „Suchergebnisse“ oder das erste Ergebnis.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Bei fehlerhafter Formularübermittlung wird der Fokus auf den Seitenanfang zurückgesetzt und nicht auf das erste fehlerhafte Feld. Leiten Sie den Fokus auf das erste fehlerhafte Eingabefeld oder eine verknüpfte Fehlermeldung.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Im Bereich „Zusatzinformationen“ enthalten Links mehrere Beschriftungen (title, alt, H3) gleichzeitig, wodurch Screenreader die Linkbeschreibung überladen wiedergeben. Beschränken Sie die Linkbeschreibung auf eine eindeutige Textalternative.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Slider-Bilder transportieren denselben Inhalt über alt-Attribute sowie den darunter stehenden Text, was Redundanzen und wiederholte Ausgaben durch Screenreader verursacht. Markieren Sie die Bilder als dekorativ (alt="" oder aria-hidden="true").
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Das Sucheingabefeld verfügt über mehrere parallele Beschriftungen (H2 „Suche“, Label „Suchtext“, title). Verwenden Sie ein eindeutiges, konsistentes label (z. B. ein sichtbares <label>) und verzichten Sie auf widersprüchliche Alternativbeschriftungen.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Die automatisch eingeblendete Vorschlagsliste beim Tippen wird nicht als Statusmeldung ausgezeichnet, sodass Screenreader-Nutzende nicht erkennen, dass neue Inhalte erscheinen. Kennzeichnen Sie die Vorschlagsliste als Live-Region (aria-live="polite"/role="status").
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Obermenü-Einträge fungieren gleichzeitig als Navigation und als Steuerung der Untermenüs, was die semantische Rolle verwischt. Verwenden Sie für Steuerfunktionen Buttons oder korrekte ARIA-Rollen (aria-expanded, aria-controls, role="button").
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Filterkategorien („Schwerpunktthema“, „Dokumenttyp“) sind als H4 markiert, jedoch nicht als interaktive Elemente mit Zustandskennung. Ersetzen Sie sie durch z. B. Button-Elemente mit aria-expanded und aria-controls.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Visuell wie Checkboxen dargestellte Filteroptionen sind programmatisch als Links implementiert; der Status (aktiv/inaktiv) wird nicht vermittelt. Verwenden Sie echte Checkboxen mit korrektem label oder simulieren Sie role="checkbox" inklusive aria-checked und Space-Bedienung.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Pflichtfelder im Formular sind visuell mit einem Stern gekennzeichnet, jedoch fehlt das required-Attribut, sodass Assistive Technologien die Verpflichtung nicht erkennen. Ergänzen Sie required (ggf. aria-required="true") konsistent an allen Pflichtfeldern.

Nicht anwendbar

Kriterium Status Notizen
WCAG 1.3.1
Info und Beziehungen 		nicht anwendbar Die Verwendung des &shy;-Zeichens zur Silbentrennung führt zu unverständlicher Aussprache durch Screenreader; alternative Trennungen oder CSS-Lösungen verwenden.

Möglicherweise verwandte Prüfungen

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