www.deutsche-lebensmittelbuch-kommission.de

Website nicht konform Prüfung vom 14.07.2025 ID: #1055
Gesundheit öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Bundesministerium für Ernährung und Landwirtschaft
Prüforganisation
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik (Deutsche Rentenversicherung Knappschaft-Bahn-See)
Stadt
Berlin
Prüfart
Vereinfachte Überwachung

Technische Umgebung

  • OS: Windows 11
  • Browser: Chrome Version 138.0.7204.50 (Offizieller Build) (64-Bit)
  • Screenreader: NVDA 2024
  • Auflösung:
  • Tools:

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
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. 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. Melden
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. 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. 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.

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen
  • https://www.deutsche-lebensmittelbuch-kommission.de/
  • https://www.deutsche-lebensmittelbuch-kommission.de/#kontaktformular

Empfehlung & Status

Die zahlreiche nicht erfüllten Kriterien erfordern eine Anpassung der Navigation, Tastaturbedienbarkeit, Formularfelder und Dokumentation gemäß den Empfehlungen, um die BITV-Konformität zu erreichen.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.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.
9.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").
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.