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. |