Staatliches Gutachten zur digitalen Barrierefreiheit

www.deutsche-lebensmittelbuch-kommission.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Mehrere zentrale Screenreader-Hürden (fehlende Landmarken, unklare Labels, fehlerhafte Fokusreihenfolge und Navigation per Tastatur) beeinträchtigen die Nutzung stark, machen sie aber nicht völlig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Fehlende sichtbare Fokuskennzeichnung, Probleme mit Kontrast und Statusanzeige aktiver Elemente erschweren Orientierung, grundlegende Inhalte bleiben aber zugänglich.

Hörbehinderung Fast barrierefrei

Es werden keine Probleme mit Audioinhalten beschrieben, sodass gehörlose Menschen die Seite weitgehend uneingeschränkt nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Defizite bei Tastaturbedienung, Fokusführung und fokussierbaren Bedienelementen begrenzen die Nutzbarkeit für Personen, die auf die Tastatur angewiesen sind, deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Beschriftungen, fehlende oder unpräzise Fehlerhinweise und keine Leichte-Sprache-Erklärung erschweren das Verstehen, ohne die Nutzung völlig zu verhindern.

Neurodivergenz Mit Hindernissen nutzbar

Mangelnde Strukturierung, unklare Steuerungen (Slider, Timeline) und fehlende Leichte Sprache können Überlastung und Orientierungsschwierigkeiten verursachen, lassen aber die Seite grundsätzlich nutzbar.

Dokumentierte Barrieren

  • Slider und Zeitachsen kaum zuverlässig nutzbar

    Die Bedienelemente für Slider, Timeline und Ablaufsteuerung sind nicht ausreichend beschriftet und teils nicht sauber per Tastatur erreichbar. Zudem kann der Fokus auf nicht sichtbare Inhalte springen oder unerwartet weiterwandern.

    Auswirkung: Ich kann nicht sicher erkennen, welche Schaltfläche ich gerade bediene und was sie auslöst. Wenn der Fokus springt oder unsichtbare Inhalte erreichbar sind, verliere ich die Orientierung und komme nur mühsam weiter.

  • Schlecht bedienbares Kontaktformular

    Im Kontaktformular sind Pflichtfelder, Eingabezwecke und Fehlhinweise nicht ausreichend gekennzeichnet. Dadurch fehlen Nutzenden wichtige Informationen, um das Formular korrekt auszufüllen und Fehler selbst zu beheben.

    Auswirkung: Ich erkenne nicht sicher, welche Felder verpflichtend sind und was ich eingeben soll. Wenn ich einen Fehler mache, bekomme ich keine klare Hilfe zur Korrektur.

  • Hauptnavigation und Seitenbereiche schwer erkennbar

    Wichtige Navigationsbereiche sind semantisch nicht ausreichend ausgezeichnet und der aktuelle Seitenpunkt wird nicht zuverlässig markiert. Dadurch ist die Orientierung zwischen Meta-Navigation, Hauptnavigation und aktuellem Bereich erschwert.

    Auswirkung: Ich muss mehr raten, wo ich mich auf der Seite befinde und wo ich als Nächstes hin kann. Besonders mit Screenreader verliere ich schneller den Überblick über die Navigation.

  • Seite ist nur mühsam am Anfang zu überspringen

    Ein überspringbarer Einstieg zum Hauptinhalt fehlt. Dadurch müssen Tastatur- und Screenreader-Nutzende wiederkehrende Kopfbereichs-Elemente jedes Mal erneut durchlaufen.

    Auswirkung: Ich muss bei jedem Seitenaufruf erst durch wiederkehrende Navigationselemente gehen, bevor ich zum eigentlichen Inhalt komme. Das kostet Zeit und ist besonders bei häufiger Nutzung sehr anstrengend.

  • Pflichtkennzeichnung und Formularsteuerung unklar

    Pflichtfelder und der Datenschutzhinweis sind nicht verlässlich als verpflichtend erkennbar, und der Zweck einzelner Eingaben ist nicht eindeutig übermittelt. Das erschwert die korrekte Nutzung des Formulars zusätzlich.

    Auswirkung: Ich weiß nicht sicher, welche Angaben zwingend nötig sind und was genau mit meinen Eingaben passiert. Dadurch steigt das Risiko, das Formular unvollständig oder falsch auszufüllen.

  • Cookie-Hinweis kann den Einstieg verzögern

    Der Cookie-Hinweis ist nicht sinnvoll an der Position im Lesefluss oder als fokussierbarer Dialog eingebunden. Dadurch kann er die unmittelbare Erreichbarkeit des Seiteninhalts beeinträchtigen.

    Auswirkung: Ich werde beim Seitenstart möglicherweise nicht direkt zum Inhalt geführt und muss erst den Hinweis finden oder umgehen. Das macht den ersten Zugriff unnötig kompliziert.

  • Aktive Navigation ist visuell nicht eindeutig genug

    Der aktuell aktive Navigationspunkt wird nur farblich und nicht ausreichend zusätzlich markiert. Außerdem reicht der Kontrast der Markierung nicht aus.

    Auswirkung: Ich kann nicht sicher erkennen, auf welcher Seite ich mich gerade befinde. Wenn ich Farben schlecht wahrnehme oder der Kontrast gering ist, verliere ich die Orientierung.

  • Links zu Dateien und Inhalten sind nicht eindeutig genug

    Bei einigen Links fehlen zusätzliche Angaben zum Ziel oder zum Inhalt, etwa Dateiformat, Größe oder Zweck. Dadurch ist nicht klar, was sich hinter dem Link verbirgt.

    Auswirkung: Ich kann vor dem Klick nicht gut einschätzen, was mich erwartet oder ob der Inhalt für mich passend ist. Das führt zu Umwegen und unnötigen Klicks.

  • Leichte Sprache zur Barrierefreiheitserklärung fehlt

    Die wesentlichen Inhalte der Barrierefreiheitserklärung werden nicht in Leichter Sprache erläutert. Menschen mit Unterstützungsbedarf erhalten damit keine einfach verständliche Erklärung der Zugänglichkeit und Kontaktwege.

    Auswirkung: Ich kann die Erklärung schwerer verstehen und weiß womöglich nicht, wie ich Barrieren melden kann. Das macht den Zugang zu wichtigen Informationen unnötig kompliziert.

  • Logo ohne klare Beschreibung

    Das Logo ist nicht ausreichend mit einem sinnvollen Alternativtext versehen. Für Nutzer von Screenreadern bleibt damit der Absender oder die Funktion des Logos unklar.

    Auswirkung: Ich bekomme beim Ansteuern des Logos keine hilfreiche Information dazu, wer die Seite betreibt. Das erschwert mir die Orientierung und das Wiedererkennen der Seite.

  • Aktualität der Barrierefreiheitserklärung unzureichend

    Das Datum der Barrierefreiheitserklärung ist nicht aktuell genug. Dadurch ist nicht zuverlässig erkennbar, ob die Informationen zur Barrierefreiheit auf dem neuesten Stand sind.

    Auswirkung: Ich kann der Erklärung weniger vertrauen, weil sie möglicherweise nicht mehr den aktuellen Stand der Seite beschreibt. Das erschwert mir die Entscheidung, ob ich auf diese Informationen bauen kann.

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 138.0.7204.50 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
  • https://www.deutsche-lebensmittelbuch-kommission.de/ Web-Angebot öffnen
  • https://www.deutsche-lebensmittelbuch-kommission.de/#kontaktformular

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Positionieren Sie den Cookie-Hinweis im DOM dort, wo er visuell erscheint, oder realisieren Sie ihn als Dialog mit Fokus-Management, damit er unmittelbar erreichbar ist.
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit (Leichter Sprache) 		nicht bestanden Stellen Sie eine Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit in Leichter Sprache bereit, wie es die Zusatzkriterien verlangen.
A.1
Barrierefreiheitserklärung formal geprüft 		nicht bestanden Aktualisieren Sie das Datum der Erklärung so, dass es nicht älter als ein Jahr ist, um die formalen Anforderungen zu erfüllen.
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Integrieren Sie einen sicht- oder fokussierbaren Skiplink am Seitenanfang, der direkt zum Hauptinhalt springt (z. B. href="#maincontent").
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Ersetzen Sie den Alternativtext des Logos durch eine Beschreibung wie „Logo des Bundesministeriums für Ernährung und Landwirtschaft“, um Absender und Zweck klar zu vermitteln.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Zeichnen Sie die Meta-Navigation mit einem semantischen <nav>-Element aus und versehen Sie sie mit aria-label oder aria-labelledby, damit assistive Technologien sie als Navigation erkennen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Ergänzen Sie die Hauptnavigation um eine programmgesteuerte Beschriftung (z. B. aria-label="Hauptmenü"), damit der Bereich für Screenreader auf allen Geräten eindeutig identifizierbar ist.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Fügen Sie das Attribut aria-current="page" beim aktiven Navigationspunkt hinzu, damit Screenreader die aktuelle Position erkennen.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Kombinieren Sie die farbliche Kennzeichnung des aktiven Links mit einem weiteren visuellen Merkmal und verbessern Sie den Kontrastabstand auf mindestens 3:1.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Beschriften Sie die Slider-Schalter kontextbezogen (z. B. „Vorheriger Slide“, „Nächster Slide“) oder nutzen Sie aria-label, damit der Zweck klar wird.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Sorgen Sie dafür, dass nur der aktuell sichtbare Sliderinhalt fokussierbar ist, etwa durch aria-hidden="true" und tabindex="-1" für nicht sichtbare Slides.
WCAG 2.1.1
Tastatur 		nicht bestanden Stellen Sie sicher, dass der Fokus beim Navigieren mit Pfeiltasten innerhalb der Paginierung der Slider verbleibt und nicht in den nachfolgenden Start-Schalter springt.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Fügen Sie alle relevanten Informationen (z. B. Dateiformat, Größe, barrierefrei) direkt ins <a>-Element oder über ein aria-label hinzu, damit assistive Technologien den gesamten Linkkontext kommunizieren.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Kennzeichnen Sie die Liste der Speisen als HTML-Liste (<ul><li>), damit assistive Technologien die strukturelle Zugehörigkeit erkennen.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Verwenden Sie native Radio-Buttons und entsprechende Labels ohne zusätzliche fokussierbare Container, damit Rolle und Status zuverlässig an assistive Technologien übermittelt werden.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Formulieren Sie die Beschriftungen der Timeline- und Ablaufstrahl-Navigation in deutscher Sprache und kontextbezogen (z. B. „Zeit vorwärts“/„Zeit zurück“), damit der Zweck klar wird.
WCAG 3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Erklären Sie oberhalb des Formulars oder in den Labels, dass mit * gekennzeichnete Felder Pflichtfelder sind, und stellen Sie zusätzliche Hinweise programmatisch bereit.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Setzen Sie bei allen Pflichtfeldern das Attribut required oder aria-required="true", einschließlich des Datenschutzhinweis-Kontrollkästchens, damit Assistive Technologien die Verbindlichkeit erkennen.
WCAG 1.3.5
Eingabezweck bestimmen 		nicht bestanden Versehen Sie die Eingabefelder des Kontaktformulars mit passenden autocomplete-Attributen (z. B. autocomplete="given-name", "email"), um den Zweck programmgesteuert zu übermitteln.
WCAG 3.3.3
Vorschlag bei Fehler 		nicht bestanden Ergänzen Sie die Fehlermeldung im E-Mail-Feld um einen konkreten Korrekturhinweis, z. B. Hinweis auf das Format name@domain.de.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Sorgen Sie dafür, dass der Mobile-Menü-Opener ein fokussierbares Element (z. B. <button> mit aria-expanded/aria-controls) ist und einen sichtbaren Fokus erhält.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Ergänzen Sie alle Slider-, Timeline- und Ablaufsteuerelemente um fokussierbare Elemente (z. B. <button>/<a> oder tabindex="0") samt sichtbarer Fokuskennung und korrekter ARIA-Attribute.

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