Staatliches Gutachten zur digitalen Barrierefreiheit

www.bmv.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere schwere Screenreader-Probleme bei Struktur, Fokusführung, Formular-Pflichtfeldern, Live-Regionen und redundanten Icons erschweren die Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Unzureichender Text- und Bedienelementkontrast, problematischer Reflow und fehlende klare Linkkennzeichnung beeinträchtigen die Wahrnehmbarkeit stark.

Hörbehinderung Fast barrierefrei

Es werden keine audio-spezifischen Barrieren beschrieben; die meisten Probleme betreffen visuelle und semantische Aspekte, wodurch gehörlose Menschen weitgehend normal nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturprobleme, fehlerhafte Fokusreihenfolge und schlecht erreichbare Steuerelemente (z.B. Slider-Stop-Button) erschweren die reine Tastatur- oder Hilfsmittelnutzung deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Linkzwecke, unpräzise Überschriften, fehlende Fehlerhinweise und automatisch neu ladende Sortierlisten ohne deutliche Kennzeichnung erschweren Orientierung und Fehlerkorrektur.

Neurodivergenz Mit Hindernissen nutzbar

Fehlerhafte Fokusführung, Slider-Animation ohne gut erreichbare Stoppfunktion und viele semantische Unklarheiten können zu Überforderung und Orientierungsschwierigkeiten führen.

Dokumentierte Barrieren

  • Suche und Vorschlagsliste sind für Screenreader schwer nachvollziehbar

    Die Suchvorschläge werden nicht ausreichend als dynamische Ergebnisliste angekündigt und die eingeblendeten Elemente sind nicht klar beschrieben. Dadurch bleibt unklar, wann Vorschläge erscheinen und was aktuell auswählbar ist.

    Auswirkung: Ich bemerke vielleicht nicht, dass neue Vorschläge verfügbar sind, oder kann sie nicht verlässlich auswählen. Das erschwert die Suche deutlich und kann den Suchvorgang abbrechen lassen.

  • Pflichtfelder im Kontaktformular sind nicht zuverlässig erkennbar

    Mehrere Pflichtfelder und die Datenschutzzustimmung sind nicht sauber programmatisch als erforderlich gekennzeichnet. Zusätzlich fehlt eine klare Erklärung, welche Felder zwingend auszufüllen sind.

    Auswirkung: Ich kann beim Ausfüllen leicht wichtige Angaben übersehen und das Formular erst nach einem Fehlversuch korrekt verstehen. Das führt zu Frust und unnötigen Wiederholungen.

  • Fehlernachrichten helfen nicht genug bei der Korrektur

    Bei fehlerhaften Eingaben werden nicht ausreichend konkrete Hinweise zur Behebung gegeben. Der Fokus springt nach dem Absenden außerdem nicht sicher zum ersten Fehler.

    Auswirkung: Ich erfahre nicht klar, was genau falsch ist und wie ich es beheben kann. Dadurch kann ich das Formular möglicherweise nicht erfolgreich abschicken.

  • Slider und Animationen sind schwer bedienbar

    Im Slider ist der Stopp-Button schlecht erreichbar und die Fokusreihenfolge ist nicht logisch. Außerdem entstehen doppelte Fokusstationen durch getrennte Elemente innerhalb derselben Kachel.

    Auswirkung: Ich kann die Animation möglicherweise nicht rechtzeitig stoppen und verliere leicht die Orientierung mit der Tastatur. Das kann die Nutzung des Startbereichs stark stören.

  • Filter-, Seitenwechsel- und Ergebnisaktionen behalten den Fokus nicht sinnvoll bei

    Nach Filteraktionen oder Seitenwechseln landet der Tastaturfokus nicht zuverlässig im relevanten Ergebnisbereich. Auch nach einem Datepicker wird der Fokus nicht logisch weitergeführt.

    Auswirkung: Ich verliere nach einer Aktion die Orientierung und weiß nicht, was sich gerade geändert hat. Dadurch muss ich unnötig suchen und kann Ergebnisse leichter übersehen.

  • Links und Schaltflächen sind visuell teils schwer erkennbar

    Einige Links sind nur über die Farbe unterscheidbar und nicht ausreichend hervorgehoben. Außerdem ist der Kontrast von Texten und Bedienelementen teils zu schwach.

    Auswirkung: Ich kann anklickbare Inhalte leichter übersehen oder mit normalem Text verwechseln. Bei schlechter Sicht oder auf ungünstigen Displays wird das Lesen und Bedienen deutlich schwieriger.

  • Hauptinhalt und Navigationen nicht klar als Bereiche markiert

    Die Seite ist für Screenreader nicht sauber in Hauptbereich und Navigationsbereiche gegliedert. Dadurch lassen sich wichtige Seitenbereiche nicht zuverlässig anspringen oder unterscheiden.

    Auswirkung: Ich muss mich durch mehr Inhalte durcharbeiten, um den eigentlichen Hauptinhalt zu finden. Das kostet Zeit und macht die Orientierung auf der Seite unnötig schwer.

  • Tastaturnutzung im Header und bei Sprungnavigation ist fehleranfällig

    Die Fokusreihenfolge im Header passt nicht sauber zum sichtbaren Layout, und die Sprungnavigation ist nicht vollständig tastaturfreundlich. Dadurch können wichtige Bedienelemente in einer unerwarteten Reihenfolge erreicht werden.

    Auswirkung: Ich muss mit der Tastatur mehr Wege gehen oder finde einzelne Funktionen nur mühsam. Das verlangsamt mich und kann bestimmte Bereiche schwer erreichbar machen.

  • Seite überlagert sich bei kleinerem Sichtfenster

    Bei bestimmten Fenstergrößen überlagern sich Such- und Navigationsbereiche. Dadurch kann Inhalt verdeckt oder schwer erreichbar werden.

    Auswirkung: Ich muss horizontal und vertikal ausweichen, um alles zu sehen und zu bedienen. Das kann besonders auf kleinen Bildschirmen dazu führen, dass ich Funktionen nicht sinnvoll nutzen kann.

  • Formularfehler und Pflichtangaben sind nicht leicht zu verstehen

    Die Beschriftungen im Formular geben den Pflichtstatus und den Kontext nicht ausreichend klar wieder. Auch Gruppierungen, etwa bei der Anrede, sind nicht sauber ausgezeichnet.

    Auswirkung: Ich kann Eingabefelder falsch interpretieren oder nicht erkennen, welche Auswahl ich treffen muss. Das führt zu mehr Fehlern beim Ausfüllen und mehr Nacharbeit.

  • Dekorative Symbole werden doppelt vorgelesen

    Mehrere rein dekorative Icons sind nicht als solche ausgeblendet und werden vom Screenreader mit angesagt. Dadurch erscheinen Links und Bedienelemente mehrfach oder mit überflüssigen Zusatzinfos.

    Auswirkung: Ich höre dieselbe Information mehrfach und kann den eigentlichen Linktext schlechter erfassen. Das macht die Nutzung anstrengender und unübersichtlicher.

  • Aktive Seite und Linkziele sind nicht eindeutig genug bezeichnet

    Navigations- und Dokumentlinks sind teils nicht klar genug beschriftet, und bei einigen Links fehlen Hinweise auf Zielart wie PDF. Dadurch ist der Zweck einzelner Links im Kontext schwerer erkennbar.

    Auswirkung: Ich kann nicht sicher einschätzen, wohin ein Link führt oder welches Format mich erwartet. Das erhöht die Fehlklicks und erschwert die gezielte Navigation.

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.51 (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)
  • https://www.bmv.de/DE/Home/home.html Web-Angebot öffnen
  • https://www.bmv.de/SiteGlobals/Forms/Suche/DE/Expertensuche_Formular.html?pageLocale=de&templateQueryStringSearch=Stau&submit=Suchen
  • https://www.bmv.de/DE/Meta/Kontakt/kontakt.html
  • https://www.bmv.de/SharedDocs/DE/Artikel/G/Klimaschutz-im-Verkehr/klimaschutz-ziele-und-beschluesse.html
  • https://www.bmv.de/SharedDocs/DE/Anlage/K/gigabitstrategie.pdf?__blob=publicationFile

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Das Download-Symbol sollte als Layoutgrafik gekennzeichnet oder aria-hidden gesetzt werden, damit es nicht vom Screenreader ausgegeben wird.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Dekorative Icons sollten mit aria-hidden="true" oder einem leeren alt-Attribut versehen werden, damit sie vom Screenreader ignoriert werden und keine redundanten Informationen liefern.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Entfernen Sie aria-label und title vom Pfeil-Icon und setzen Sie aria-hidden="true", da es rein dekorativ ist.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Die Lupe in der Vorschlagsliste sollte ohne aria-label/title auskommen und mit aria-hidden="true" als Dekoration markiert werden.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Reduzieren Sie das Logobild auf ein einziges img-Element mit einem klaren Alt-Text und markieren Sie ergänzende Grafiken mit alt="" oder aria-hidden="true".
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Entfernen Sie das <title> aus der SVG oder setzen Sie das Icon auf aria-hidden="true", um die doppelte Linkausgabe zu verhindern.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Der Hauptinhalt muss programmatisch mit einem <main>-Element umgeben werden, damit assistive Technologien die Region direkt ansteuern können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Navigationen sollten mit <nav> und einem eindeutigen aria-label versehen werden, um ihre Rolle im Regionsmenü klar zu kennzeichnen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Bereichsnavigation benötigt eine sichtbare Überschrift oder ein aria-label, etwa aria-label="Bereichsnavigation", damit ihr Zweck verständlich wird.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Ordnen Sie Symbol und Text im Slider eindeutig zu und entfernen Sie leere Angaben wie "Thema:" oder ergänzen Sie das tatsächliche Thema.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Kennzeichnen Sie Datumsangaben mit einem <time datetime="..."></time>-Element, damit der Zeitpunkt maschinenlesbar bleibt.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Geben Sie der Seitennavigation ein aussagekräftiges aria-label und entfernen Sie redundante title-Attribute, alternativ mit aria-current die aktive Seite markieren.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Fassen Sie die Radiobuttons zur Anrede in einem <fieldset> mit <legend> zusammen, um die Gruppenzugehörigkeit korrekt auszuzeichnen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Kennzeichnen Sie die Checkbox zur Datenschutzerklärung sowohl visuell als Pflichtfeld als auch programmatisch mittels required-Attribut.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Ergänzen Sie required-Attribute an allen Pflichtfeldern (Betreff, Vorname, Nachname, E-Mail, Nachricht), damit Assistive Technologien die Verpflichtung erkennen.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Platzieren Sie den Stop-Button für die Animation an erster Stelle innerhalb des Sliders, damit Nutzer*innen ihn sofort erreichen können.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Gestalten Sie Links zusätzlich zur Farbunterscheidung durch Unterstreichung oder Fett und sorgen Sie für mindestens 3:1 Kontrast zur Umgebung.
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Stellen Sie sicher, dass Text vor Hintergrundbildern mindestens 4,5:1 Kontrast hat, z. B. über eine kontrastverstärkende Fläche oder Overlay.
WCAG 1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Verhindern Sie, dass die Suchelemente die Hauptnavigation überlagern, z. B. durch angepasste Layoutregeln oder Abstand bei verschiedenen Viewports.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Sorgen Sie für einen Kontrast von mindestens 3:1 zwischen Bedienelementen und Hintergrund, z. B. durch Overlay oder Anpassung der Farbfläche.
WCAG 1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus 		nicht bestanden Machen Sie Vorschlagslisten umgehbar oder abschaltbar beziehungsweise über ESC ausblendbar, damit der Fokus andere Elemente erreichen kann.
WCAG 2.1.1
Tastatur 		nicht bestanden Stellen Sie sicher, dass die Sprungnavigation unabhängig von Eingabemethoden vollständig mit der Tastatur bedient werden kann und die Info-Labels korrekt positioniert sind.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Reduzieren Sie doppelte Fokusstationen im Slider, indem zusammenhängende Inhalte zu einem Link zusammengefasst werden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Korrigieren Sie die Fokusreihenfolge nach dem Datepicker so, dass der Tab-Fokus auf den nächsten logischen Schalter (z. B. Filter-Button) springt.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Nach Filteraktionen oder Seitenwechseln muss der Fokus automatisch auf den ersten relevanten Ergebnisbereich oder ein übergeordnetes Landmark gelegt werden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Setzen Sie nach fehlerhaftem Absenden den Fokus auf das erste fehlerhafte Eingabefeld oder eine markierte Fehlermeldung (z. B. mithilfe von element.focus() und aria-describedby).
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Passen Sie die Fokusreihenfolge im Header an das visuelle Layout an, sodass der Suchlink vor dem Eingabefeld fokussiert wird.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Entfernen Sie aria-label und title aus dem SVG oder setzen Sie aria-hidden="true", damit der Screenreader den Linktext nur einmal ausgibt.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Formulieren Sie die Beschriftung für den Bereichswechsel konkret, z. B. „Zum nächsten Abschnitt springen“, damit der Zielbereich klar wird.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Entfernen Sie die zusätzlichen aria-label/title-Etiketten aus den Social-Media-Icons oder markieren Sie sie als aria-hidden="true", da der sichtbare Text bereits den Zweck beschreibt.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Ergänzen Sie die Dokumentenlinks um Angaben zu Format oder Dateigröße (z. B. „(PDF)“), damit Nutzer*innen die Zielart erkennen.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Dekorative Icons in der Subnavigation sollten mit aria-hidden="true" markiert werden und aria-label sowie <title> entfernen, um doppelte Ausgaben zu vermeiden.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Beschränken Sie die Beschriftung des Slider-Zurück-Buttons auf eine Quelle (z. B. aria-label am Button), entfernen Sie aria-label/title aus dem SVG und korrigieren Sie die Zeichencodierung.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Ersetzen Sie die versteckte Überschrift im Footer durch eine präzise Formulierung wie „Kontakt und Service“, damit der Inhalt klar benannt ist.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Fügen Sie dem Label der Sortierliste den Hinweis „(eine Änderung lädt die Seite neu)“ hinzu, damit der Kontextwechsel transparent ist.
WCAG 3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Fügen Sie über dem Formular eine Erklärung ein (z. B. „Mit * gekennzeichnete Felder sind Pflichtfelder“) oder beschreiben Sie die Pflichtfelder direkt im Label, inklusive aria-required.
WCAG 3.3.3
Vorschlag bei Fehler 		nicht bestanden Ergänzen Sie Fehlermeldungen, z. B. für die E-Mail, um konkrete Korrekturhinweise wie „Bitte geben Sie eine gültige E-Mail-Adresse im Format name@domain.de ein“.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Die Vorschlagsliste sollte als Live-Region (aria-live) gekennzeichnet sein und aktualisierte Statusmeldungen liefern, damit Screenreader über die eingeblendeten Vorschläge informiert werden.
Barrierefreiheitserklärung formal geprüft
Barrierefreiheitserklärung formell geprüft 		nicht bestanden Aktualisieren Sie das Datum der Barrierefreiheitserklärung auf einen Wert innerhalb des letzten Jahres (aktuell 09. März 2022).

Nicht anwendbar

Kriterium Status Notizen
WCAG 1.3.1
Info und Beziehungen 		nicht anwendbar Vermeiden Sie &shy;-Zeichen in sichtbaren Texten, da Screenreader die Silbentrennung unverständlich vorlesen.

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