Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

www.bmv.de

Website nicht konform Prüfung vom 14.07.2025 ID: #1054
Politik Sicherheit Militär öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Überwachungsstelle Bund
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.51 (Offizieller Build) (64-Bit)
  • Screenreader: NVDA 2024
  • Auflösung:
  • Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
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. 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. Melden
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. 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. Melden
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. Ich erfahre nicht klar, was genau falsch ist und wie ich es beheben kann. Dadurch kann ich das Formular möglicherweise nicht erfolgreich abschicken. Melden

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.bmv.de/DE/Home/home.html
  • 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

Empfehlung & Status

Beheben Sie die zahlreichen semantischen Mängel der Seite: Kennzeichnen Sie Haupt- und Navigationsbereiche mit <main>, <nav> oder Beschriftungen, reduzieren Sie doppelte Screenreader-Ausgaben bei Icon-basierten Links, sorgen Sie für ausreichend Kontrast und klare Fokusreihenfolgen, machen Sie Suchvorschläge und Sortieraktionen für Screenreader nachvollziehbar, kennzeichnen Sie Pflichtfelder programmatisch und aktualisieren Sie die Barrierefreiheitserklärung sowie die Hinweise für assistive Technologien.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.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.
9.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.
9.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.
9.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.
9.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".
9.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.
9.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.
9.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.
9.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.
9.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.
9.1.3.1
Info und Beziehungen
nicht bestanden Kennzeichnen Sie Datumsangaben mit einem <time datetime="..."></time>-Element, damit der Zeitpunkt maschinenlesbar bleibt.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.2.4.3
Fokus-Reihenfolge
nicht bestanden Reduzieren Sie doppelte Fokusstationen im Slider, indem zusammenhängende Inhalte zu einem Link zusammengefasst werden.
9.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.
9.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.
9.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).
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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“.
9.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
9.1.3.1
Info und Beziehungen
nicht anwendbar Vermeiden Sie &shy;-Zeichen in sichtbaren Texten, da Screenreader die Silbentrennung unverständlich vorlesen.