Staatliches Gutachten zur digitalen Barrierefreiheit

Bundesministerium des Innern und für Heimat (BMI)

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 30.05.2022 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Viele Grundfunktionen sind tastatur- und screenreaderbedienbar, aber gravierende Probleme bei Struktur, Lesereihenfolge, Fokusführung, Formularfehlern und nicht beschriebenen/ausreichend beschriebenen Video-Inhalten erschweren die Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Kontraste bei Text sind gut und Zoom ist weitgehend möglich, jedoch führen schlechte Kontraste von Bedienelementen, Probleme bei 200%-Zoom, fehlender Umbuch in Einspaltigkeit und schwer sichtbarer Fokus zu merklichen Einschränkungen.

Hörbehinderung Weitgehend zugänglich

Audio-Inhalte haben Untertitel und es gibt ein Gebärdensprachangebot, nur fehlende Alternativen zu einzelnen Videos schränken die Nutzung moderat ein.

Motorische Behinderung Weitgehend zugänglich

Die Seite ist vollständig tastaturbedienbar ohne Tastaturfallen und ohne komplexe Zeigereingaben, aber schwer sichtbare Fokusmarkierungen, langwierige TAB-Wege und problematische Flyout-/Filterbedienung erschweren die effiziente Nutzung.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation, Sprache-Auszeichnung, Leichte Sprache und Fehlervermeidung helfen, jedoch sind Strukturprobleme, unklare Links/Labels, unübersichtliche Fokusreihenfolgen und schwache Fehlerhinweise belastend für Nutzer mit kognitiven Einschränkungen.

Neurodivergenz Mit Hindernissen nutzbar

Vermeidung von Blinken, steuerbare Animationen und konsistente Navigation sind positiv, aber lange lineare Tastaturnavigation, unerwartete Kontextänderungen und teilweise unklare Struktur/Benennung können Konzentration und Orientierung deutlich beeinträchtigen.

Veränderung

Aktuell angezeigt
15 gefundene Barrieren
6,5/10 Ø Schwere
11 gefundene Barrieren -4 zur vorherigen Prüfung
6,6/10 Ø Schwere +0,1 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Video ohne Alternative

    Ein aufgezeichnetes Video hat keine textliche oder gleichwertige Alternative. Dadurch fehlen die Inhalte für Menschen, die Videos nicht sehen oder nicht nutzen können.

    Auswirkung: Ich kann die Informationen aus dem Video nicht erfassen, wenn ich es nicht ansehen kann. Wichtige Inhalte bleiben mir dann verborgen.

  • Chatbot bei Vergrößerung nicht sichtbar

    Bei 200% Zoom ist der Brexit-Chatbot nicht mehr sichtbar. Vergrößern als wichtige Hilfefunktion führt damit zu einem Verlust des Zugriffs auf dieses Element.

    Auswirkung: Wenn ich stark zoome, kann ich den Chatbot nicht mehr finden oder bedienen. Eine wichtige Informations- oder Hilfefunktion fällt mir dann weg.

  • Fokus springt unerwartet oder ist schlecht sichtbar

    Die Fokusreihenfolge ist an mehreren Stellen unlogisch, und der Tastaturfokus ist auf wichtigen Elementen schwer zu erkennen. Teilweise führt Fokus sogar zu unerwarteten Sprüngen oder mehreren Fokusstellen für dasselbe Ziel.

    Auswirkung: Ich weiß mit der Tastatur oft nicht, wo ich mich gerade befinde. Dadurch kann ich Funktionen übersehen oder versehentlich etwas anderes auslösen.

  • Fehlermeldungen sind kaum nutzbar

    Fehler werden nur als Tooltip am ersten fehlerhaften Feld angezeigt; weitere fehlerhafte Felder bleiben ohne klare Markierung oder Textmeldung. Damit ist nicht zuverlässig erkennbar, was korrigiert werden muss.

    Auswirkung: Ich erkenne nicht sicher alle Eingabefehler und weiß nicht, wo ich etwas ändern soll. Das kann das Absenden von Formularen verhindern oder stark verzögern.

  • Video ohne Audiodeskription

    Ein aufgezeichnetes Video hat keine Audiodeskription. Visuelle Inhalte, die nicht gesprochen werden, bleiben dadurch für blinde Nutzende unzugänglich.

    Auswirkung: Ich verstehe wichtige Bildinhalte, Einblendungen oder Handlungen im Video nicht. Damit fehlen mir möglicherweise zentrale Informationen.

  • Unklare Struktur und Beschriftung

    Mehrere Bereiche, Links und Schaltflächen sind nicht klar bezeichnet oder strukturiert, zum Beispiel unverständliche Linktexte, mehrfach beschriftete Steuerelemente und fehlende saubere Listen- oder Überschriftenstrukturen. Dadurch wird die Orientierung auf der Seite erschwert.

    Auswirkung: Ich finde mich schlechter zurecht und kann Funktionen schwerer unterscheiden. Das macht es mir mühsam, gezielt Inhalte oder Formulare zu bedienen.

  • Flyout-Menü nicht gut schließbar

    Ein eingeblendetes Flyout-Menü kann per ESC nicht geschlossen werden. Wenn ein solches Overlay offen bleibt, stört es die weitere Nutzung und Orientierung.

    Auswirkung: Ich komme aus dem eingeblendeten Bereich nicht so schnell heraus, wie ich es erwarte. Das unterbricht meinen Arbeitsfluss und kann mich stark irritieren.

  • Schließen der Filter kann Inhalte ausblenden

    Beim Fokus auf die Schließen-Funktion im Filterbereich werden die Filter ausgeblendet. Das führt zu einer unerwarteten Kontextänderung während der Bedienung.

    Auswirkung: Ich verliere beim Navigieren plötzlich den geöffneten Bereich und muss mich neu orientieren. Das macht das Filtern unzuverlässig und anstrengend.

  • Falsche Lesereihenfolge

    Inhalte und Hinweise erscheinen in einer Reihenfolge, die nicht zum logischen Ablauf passt, etwa Hinweise erst nach dem zugehörigen Inhalt oder zusätzliche Navigation vor dem eigentlichen Inhalt. Das kann die Aufnahme der Informationen deutlich stören.

    Auswirkung: Ich muss Inhalte erst zusammensuchen und verstehe Zusammenhänge schlechter. Besonders mit Screenreader wirkt die Seite dadurch verwirrend und anstrengend.

  • Horizontales Scrollen auf kleinem Bildschirm

    Bei schmalen Bildschirmbreiten muss horizontal gescrollt werden. Inhalte passen also nicht vollständig in die Breite und sind auf kleinen Geräten schwerer erfassbar.

    Auswirkung: Ich muss ständig seitlich scrollen, um alles zu lesen oder zu bedienen. Das macht die Nutzung auf Smartphone oder kleinen Fenstern deutlich mühsamer.

  • Schlecht erkennbare Bedienelemente

    Mehrere Schaltflächen und Rahmen heben sich farblich kaum vom Hintergrund ab. Nicht-aktive Slider-Buttons und Symbole wie Plus oder Löschen sind dadurch schwer zu erkennen.

    Auswirkung: Ich kann einzelne Bedienelemente leichter übersehen oder versehentlich verwechseln. Das erschwert besonders die Bedienung bei Sehschwäche oder auf hellen Bildschirmen.

  • Mehrfachauswahl im Formular nicht erklärt

    Ein wichtiger Bedienhinweis zur Mehrfachauswahl mit der Strg-Taste steht nicht direkt beim Feld. Dadurch ist die Funktion für viele Nutzende nicht nachvollziehbar.

    Auswirkung: Ich kann mehrere Optionen eventuell nicht auswählen, obwohl das Feld es erlaubt. Dann kann ich das Formular nicht wie vorgesehen ausfüllen.

  • Formularfelder nach Autovervollständigung nicht verlässlich nutzbar

    Eine hinterlegte E-Mail-Adresse wurde nicht übernommen. Dadurch kann die erwartete Unterstützung durch automatische Formularhilfen ausfallen.

    Auswirkung: Ich muss Daten möglicherweise erneut eingeben oder prüfen. Das kostet Zeit und erhöht die Gefahr von Eingabefehlern.

  • Ungültiger HTML-Code erschwert die Assistive-Technik-Nutzung

    Die Seitenstruktur ist technisch nicht valide. Solche Fehler können dazu führen, dass Hilfstechnologien Inhalte oder Bedienelemente nicht zuverlässig verarbeiten.

    Auswirkung: Ich kann auf einzelne Elemente stoßen, die sich für meinen Screenreader oder Browser unvorhersehbar verhalten. Dadurch kann die Nutzung instabil oder fehleranfällig werden.

  • Hinweise nur über Position verständlich

    Ein Hinweis bezieht sich nur auf die räumliche Lage eines Elements, statt das Element selbst klar zu benennen. Ohne die Seite visuell zu überblicken ist der Hinweis schwer nachvollziehbar.

    Auswirkung: Ich weiß nicht sicher, worauf sich der Hinweis bezieht. Dadurch kann ich den nächsten Schritt leichter übersehen oder falsch ausführen.

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
Microsoft Windows 10 Enterprise
Browser
Google Chrome 88.0.4324.150
Screenreader
NVDA 2020.2
Auflösung
1920 x 1200 Pixel

Veränderung nach WCAG-Kriterien

30.05.2022 Vereinfachte Überwachung Gutachten ansehen
13 nicht bestanden 2 weitgehend 39 bestanden
09.02.2021 Vereinfachte Überwachung
angezeigtes 17 nicht bestanden 2 weitgehend 36 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
30.05.2022 Vereinfachte Überwachung Nein 13 2 39
09.02.2021 Vereinfachte Überwachung Nein 17 2 36
  • https://www.bmi.bund.de/DE/service/kontakt/buergerservice/buergerservice-kontakt-node.html Web-Angebot öffnen
  • https://www.bmi.bund.de/SiteGlobals/Forms/suche/experten­suche-formular.html
  • https://www.bmi.bund.de/SharedDocs/videos/DE/themen/bevoelkerungsschutz/corona/chatbot-covid.html Weitere Gutachten vorhanden
  • https://www.bmi.bund.de/
  • https://www.bmi.bund.de/SharedDocs/downloads/DE/publikationen/themen/ministerium/im-profil-flyer.pdf?__blob=publicationFile&v=10

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Video besitzt keine Alternative.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden Video besitzt keine Audiodeskription.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Verschiedene Seitenbereiche werden als Überschrift eingeleitet und erschweren Struktur; Suchen-Eingabefeld, Button und Slider-Pfeile mehrfach beschriftet; Link "Tweet retweeten" unverständlich; Slider-Buttons linear nicht wahrnehmbar; nicht sichtbare Überschriften nach Link "Alle Videos"; Wörter mit ­ unverständlich; Listen nicht korrekt ausgezeichnet; Navigation schließen-X nicht wahrnehmbar; Breadcrumb fehlt; Linksliste "Neueste Medien" nur aktiver Menüpunkt lesbar; Play-Button-Beschriftung nicht eindeutig.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Erläuterung zur Bedeutung des Sterns am Formularende; Hauptnavigation inklusive Untermenüpunkte komplett durchlaufen; Chatbots erst nach Überschrift; Video-Hinweis nach dem Video.
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich nicht bestanden Hinweis "Unten verlinkte Datenschutzerklärung" bezieht sich nur auf Position.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Hinterlegte E-Mailadresse wurde nicht übernommen.
Schriftgröße kann angepasst werden nicht bestanden Brexit-Chatbot bei 200% Zoom nicht mehr sichtbar.
Inhalte brechen in einspaltiges Layout um nicht bestanden Bei 320px Breite ist horizontales Scrollen notwendig.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden "+" bei Ergebnisse filtern und "x" zum Löschen schlecht erkennbar; Rahmenfarbe von Bedienelementen kaum vom Hintergrund zu unterscheiden; nicht-aktiver Slider-Button hebt sich kaum ab.
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden Flyout-Menü kann per ESC nicht geschlossen werden.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden TAB-Navigation durchläuft gesamte Navigation inkl. Untermenüpunkte; Lupe-Button doppelt fokussiert; nach Filtern Fokus auf Seitenanfang; "Neueste Medien" doppeltes Navigationsziel; Filterbereiche erst nach Suchfeld erreichbar.
Linkzweck ist verständlich (im Kontext) nicht bestanden Dokumenttyp im Link nicht unmittelbar erkennbar; Zurück/Weiter-Buttons nur mit Seitenzahl beschriftet.
Tastaturfokus ist sichtbar nicht bestanden Tastaturfokus auf Chatbot schlecht erkennbar; Fokus bei Filter löschen, Video abspielen, Navigationspfeilen schlecht sichtbar; Slider-Navigationsbuttons fokussieren nicht gut sichtbar.
Fokussierung führt nicht zu Kontextänderung nicht bestanden TAB-Fokus auf Schließen-Funktion im Filterbereich blendet Filter aus.
Fehlermeldungen sind in Textform vorhanden nicht bestanden Fehlermeldung nur als Tooltip am ersten fehlerhaften Feld; restliche Felder ohne Markierung oder Textmeldung.
Label enthalten Eingabehinweise nicht bestanden Hinweis "Mehrfachauswahl mit Strg" nicht im Label "Thema" enthalten.
Syntaxspezifikationen sind erfüllt nicht bestanden HTML-Code ist nicht valide (validator.w3.org und WCAG Parsing Bookmarklet).

Im Wesentlichen bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte im Wesentlichen bestanden Startseite, Kontakt, Suche: Grafiken ohne Mehrwert besitzen Alternativtexte.
Label enthält sichtbare Beschriftung im Wesentlichen bestanden Suchen-Eingabefeld besitzt kein sichtbares Label, nur Placeholder.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Live-Audio-Inhalte besitzen Untertitel bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Textabstände sind anpassbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Titel beschreiben Thema oder Zweck bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Name, Rolle und Wert sind identifizierbar bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
bestanden
B.1
PAC3 Test ergibt PDF/UA-konform
bestanden

Möglicherweise verwandte Prüfungen

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.