Staatliches Gutachten zur digitalen Barrierefreiheit

www.in-form.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere Verstöße bei Nicht-Text-Inhalten, Semantik, Fokusreihenfolge und Statusmeldungen beeinträchtigen Screenreader-Nutzung, die Seite bleibt aber grundsätzlich bedienbar.

Sehbehinderung Mit Hindernissen nutzbar

Kontrastschwache Fokusindikatoren und Schriftgrafiken erschweren Orientierung und Skalierung, ansonsten liegen keine massiven visuellen Barrieren vor.

Hörbehinderung Weitgehend zugänglich

Fehlende Inhalte in Deutscher Gebärdensprache schränken besonders gebärdensprachorientierte Nutzende ein, schriftliche Inhalte sind jedoch verfügbar.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturnutzung ist möglich, aber unzuverlässige Dropdown-Steuerungen und nicht priorisierter Cookie-Hinweis stören effiziente Bedienung.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, irreführende Bezeichnungen und problematische Such- und Cookie-Interaktionen erschweren das Verständnis wesentlicher Inhalte.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsequente Fokusführung, unklare Steuerungen und fehlende vereinfachte Inhalte können Reizüberlastung und Orientierungsschwierigkeiten fördern.

Dokumentierte Barrieren

  • Fokus kaum sichtbar

    Der sichtbare Fokus ist zu schwach kontrastiert und hebt sich nicht ausreichend vom Hintergrund ab. Bei der Bedienung mit Tastatur kann ich dadurch nicht sicher erkennen, wo ich mich gerade befinde.

    Auswirkung: Ich verliere leicht die Orientierung beim Navigieren mit der Tastatur. Das macht es schwer, Links, Schaltflächen oder Ausklappmenüs zuverlässig zu bedienen.

  • Cookie-Hinweis zu spät erreichbar

    Der Cookie-Hinweis wird nicht früh genug im Ablauf bereitgestellt und ist für Screenreader sowie Tastaturnutzende nicht direkt priorisiert. Dadurch kann er erst spät wahrgenommen oder bedient werden.

    Auswirkung: Ich muss mich erst durch andere Inhalte kämpfen, bevor ich den Hinweis überhaupt erreiche. Das kann den Einstieg blockieren oder mich zu ungeplanten Entscheidungen bei Cookies zwingen.

  • Suchschaltfläche und Suchstatus unklar

    Die Suchfunktion ist semantisch nicht sauber ausgezeichnet, und der Suchstatus bzw. die Vorschlagsliste werden nicht zuverlässig als Statusänderung angekündigt. Die Bedienung wirkt dadurch für Hilfstechnologien unklar und kann irritierend sein.

    Auswirkung: Ich weiß nicht sicher, was die Suchschaltfläche genau macht oder ob Suchvorschläge schon aktiv sind. Dadurch kann ich Suchergebnisse schlechter finden und Auswahlfehler machen.

  • Keine Inhalte in Deutscher Gebärdensprache oder Leichter Sprache

    Es fehlen Links und Inhalte in Deutscher Gebärdensprache und Leichter Sprache für zentrale Bereiche. Damit bleiben wichtige Informationen für bestimmte Nutzergruppen nur schwer zugänglich.

    Auswirkung: Wenn ich auf vereinfachte oder visuelle Erklärungen angewiesen bin, bekomme ich zentrale Inhalte nicht in einer für mich geeigneten Form. Das kann das Verständnis der Seite und ihrer Angebote deutlich erschweren.

  • Ausklapplisten verhalten sich unzuverlässig

    Mehrere Dropdowns sind nicht so umgesetzt, dass sie sich sauber unabhängig öffnen und schließen. Dadurch kann die Bedienlogik widersprüchlich wirken und Zustände können sich gegenseitig stören.

    Auswirkung: Ich kann nicht sicher vorhersagen, welches Menü gerade offen ist oder wie ich es wieder schließe. Das erschwert besonders die Navigation mit Tastatur oder Screenreader.

  • Schriftgrafiken nicht gut skalierbar

    Wichtige Textinhalte sind teilweise als Schriftgrafik umgesetzt statt als echter Text. Solche Inhalte lassen sich schlechter vergrößern und sind bei eingeschränktem Sehvermögen schwerer lesbar.

    Auswirkung: Wenn ich stark zoome oder eine bessere Lesbarkeit brauche, kann mir wichtiger Inhalt verloren gehen oder unscharf wirken. Das erschwert das Erfassen zentraler Informationen.

  • Erklärung zur Barrierefreiheit schwer auffindbar oder unvollständig

    Die Barrierefreiheitserklärung ist nicht vollständig oder nicht klar genug verlinkt und enthält nicht alle nötigen Angaben. Dadurch fehlen Nutzenden wichtige Informationen zu Stand, Kontakt und Beschwerdewegen.

    Auswirkung: Ich finde nicht schnell heraus, wie die Stelle mit Barrieren umgeht oder an wen ich mich wenden kann. Das erschwert mir, Probleme zu melden oder meine Rechte wahrzunehmen.

  • Logo-Zweck missverständlich

    Das Logo ist mit einem technischen oder irreführenden Namen versehen statt mit einer klaren Aussage zum Ziel des Links. Für Screenreader-Nutzende ist dadurch der Linkzweck nicht sofort verständlich.

    Auswirkung: Ich weiß beim Ansteuern des Logos nicht sicher, wohin mich der Link führt. Das kostet Zeit und kann dazu führen, dass ich einen wichtigen Navigationspunkt übersehe.

  • Dekorative Grafiken werden mitgelesen

    Rein dekorative Grafiken sind nicht so gekennzeichnet, dass Hilfstechnologien sie ignorieren. Dadurch werden unnötige Inhalte vorgelesen und die Informationswahrnehmung wird gestört.

    Auswirkung: Ich höre mehr Inhalte als nötig und muss irrelevante Ansagen überspringen. Das verlangsamt die Nutzung und erschwert das Verständnis der eigentlichen Seite.

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.158 (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), Bookmarklets (bitvtest Werkzeugliste)
  • https://www.in-form.de/ Web-Angebot öffnen
  • https://www.in-form.de/suche?tx_solr%5Bq%5D=besser+essen
  • https://www.in-form.de/projekte/projektdatenbank
  • https://www.in-form.de/fileadmin/SITE_MASTER/content/Struktur-IN-FORM/Ernaehrung/Rezepte/Kriterienkatalog_2021-Gepruefte-IN-FORM-Rezepte.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Dekorative Grafiken benötigen ein leeres alt-Attribut oder aria-hidden, damit Screenreader sie ignorieren können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Passen Sie das aria-label der Meta-Navigation an den tatsächlichen Inhalt (z. B. "Service-Navigation") an, um falsche Erwartungen zu vermeiden.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Binden Sie den Cookie-Hinweis an erster Stelle im DOM ein oder fokussieren Sie ihn direkt beim Laden, damit Screenreader und Tastaturnutzende ihn zeitnah erreichen.
WCAG 1.4.5
Bilder von Text 		nicht bestanden Ersetzen Sie kritische Schriftgrafiken durch echten Text oder ergänzen Sie ihn unmittelbar neben der Grafik, um skalierbaren Inhalt sicherzustellen.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Ersetzen Sie das technische aria-label des Logos durch eine einfache, sinnvolle Beschreibung wie "Zur Startseite" oder entfernen Sie es, wenn der Alt-Text bereits genügt.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Erhöhen Sie den Kontrast des Fokusindikators auf mindestens 3:1 gegenüber dem Hintergrund, damit er für alle Nutzer sichtbar bleibt.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Entfernen Sie aria-haspopup oder nutzen Sie aria-expanded/aria-controls, um den tatsächlichen Funktion der Suchschaltfläche transparent zu machen.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Kennzeichnen Sie die Vorschlagsliste als Live-Region (z. B. mit aria-live="polite" oder role="status") und melden Sie beim Auswahlwechsel den neuen Status.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Überarbeiten Sie die Zustandslogik der Ausklapplisten, damit sich jede unabhängig öffnen und schließen lässt und sich gegenseitig korrekt verhalten.
Zusatzkriterien: Deutsche Gebärdensprache / Leichte Sprache
Deutsche Gebärdensprache und Leichte Sprache 		nicht bestanden Stellen Sie Links und Inhalte zur Deutschen Gebärdensprache und Leichten Sprache bereit (Navigation, wesentliche Inhalte, Erläuterung der Barrierefreiheit, weitere Hinweise).
Barrierefreiheitserklärung formal geprüft
Barrierefreiheitserklärung 		nicht bestanden Aktualisieren Sie die Barrierefreiheitserklärung (Geltungsbereich, Rechtsgrundlage, Bewertung, Prüfmethode, Datum, Feedback-Mechanismus, Kontakt, Durchsetzungsverfahren) und verlinken Sie sie klar erkennbar.

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