Staatliches Gutachten zur digitalen Barrierefreiheit

warnung.bund.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Schwere Defizite bei Alternativtexten, semantischem Markup, Name/Rolle/Wert, Statusmeldungen und Tastaturzugänglichkeit beeinträchtigen Screenreader-Nutzung massiv.

Sehbehinderung Kaum nutzbar

Unzureichende Text- und Nicht-Text-Kontraste, Probleme bei Textabständen und nicht übernommene Nutzerpräferenzen erschweren das Lesen deutlich.

Hörbehinderung Weitgehend zugänglich

Inhalte sind überwiegend visuell zugänglich, aber fehlende oder unvollständige Gebärdensprachangebote schränken Informationszugang ein.

Motorische Behinderung Kaum nutzbar

Viele Bedienelemente sind nicht vollständig per Tastatur erreichbar und Fokusindikatoren fehlen teilweise, was die Bedienung stark behindert.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unlogische Überschriften und komplexe Navigation mit nur einem Zugangsweg erschweren Verständnis und Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Struktur, mangelnde Orientierungshilfen und Probleme bei Textabständen können Überforderung und Desorientierung verursachen, trotz grundsätzlich statischer Inhalte.

Dokumentierte Barrieren

  • Bedienelemente per Tastatur nicht nutzbar

    Mehrere grafische Schaltflächen und Links lassen sich nicht mit der Tastatur erreichen oder auslösen. Damit ist die Seite nicht vollständig ohne Maus bedienbar.

    Auswirkung: Ich kann wichtige Inhalte und Funktionen nicht bedienen, wenn ich keine Maus nutzen kann. Das kann mich daran hindern, Warnungen, Details oder Navigationselemente überhaupt zu erreichen.

  • Warnungen und Inhalte visuell nicht unterscheidbar

    Informationen werden teilweise nur über Farbe oder farbige Flächen vermittelt. Zusätzlich sind grafische Bedienelemente und Legenden oft zu kontrastarm.

    Auswirkung: Ich erkenne möglicherweise nicht, welche Warnart oder welcher Bereich gemeint ist. Das kann dazu führen, dass ich wichtige Warnungen falsch verstehe oder übersehe.

  • Warnsymbole und Bilder ohne verständliche Alternativtexte

    Grafische Bedienelemente und informationstragende Bilder sind nicht ausreichend beschrieben. Screenreader-Nutzende erhalten dadurch nicht den nötigen Inhalt oder Zweck der Grafik.

    Auswirkung: Ich kann Warnarten, Symbole oder Funktionen nicht eindeutig verstehen. Dadurch fehlen mir wichtige Informationen für die richtige Einordnung einer Warnung.

  • Fokus ist nicht sichtbar

    Bei Links und anderen interaktiven Elementen ist der Tastaturfokus nicht erkennbar. Dadurch sieht man beim Navigieren mit der Tastatur nicht, wo man sich gerade befindet.

    Auswirkung: Ich kann leicht die Orientierung verlieren und versehentlich falsche Elemente aktivieren. Das macht die Bedienung mühsam und unsicher.

  • Filter- und Statusänderungen werden nicht angekündigt

    Wenn Inhalte automatisch aktualisiert oder gefiltert werden, gibt es keine zuverlässige Rückmeldung dazu. Besonders bei dynamischen Warnlisten fehlt damit eine klare Statusinformation.

    Auswirkung: Ich merke möglicherweise nicht, dass sich die angezeigten Warnungen geändert haben. Dadurch kann ich falsche oder unvollständige Ergebnisse für gültig halten.

  • Textabstände können Inhalte verdecken

    Wenn Nutzer ihre Textabstände vergrößern, überlappen sich Elemente oder Inhalte werden abgeschnitten. Dadurch ist die Seite mit angepassten Leseeinstellungen nicht zuverlässig nutzbar.

    Auswirkung: Ich kann Teile des Textes verlieren oder nicht mehr vollständig lesen. Das erschwert besonders das Erfassen längerer Warnhinweise und Erklärungen.

  • Nur ein Zugangsweg zu den Inhalten

    Die Inhalte sind nur über das Hauptmenü erreichbar. Es gibt keinen alternativen Weg wie Suche oder Sitemap.

    Auswirkung: Ich muss mich immer durch dieselbe Navigation arbeiten und kann Inhalte nicht schneller finden. Das erschwert mir besonders bei vielen Warnungen die gezielte Orientierung.

  • Wichtige Navigationshinweise nur über Farbe oder Position

    Verweise und Hinweise werden teils nur über Farbangaben oder Lagebeschreibungen erklärt. Ohne diese visuellen Hinweise bleibt unklar, worauf sich ein Link oder Button bezieht.

    Auswirkung: Ich kann einen Verweis nicht sicher finden oder verstehen, wenn ich die Farbe nicht eindeutig wahrnehme oder das Layout anders nutze. Das kann mich bei der Navigation ausbremsen.

  • Wichtige Informationen nur als visuelle Listen erkennbar

    Einige Listen sind nur optisch gestaltet, aber nicht als echte Liste ausgezeichnet. Screenreader erkennen dann die Struktur und Anzahl der Einträge nicht zuverlässig.

    Auswirkung: Ich kann Warnpunkte oder Aufzählungen schlechter erfassen und einordnen. Das macht längere Inhalte unübersichtlicher und anstrengender.

  • Leichte Sprache fehlt vollständig

    Es gibt keine vollständige Seite in Leichter Sprache für die Inhalte und die Nutzung der Seite. Damit fehlt ein wichtiges Verständnisangebot für Nutzer mit höherem Unterstützungsbedarf.

    Auswirkung: Ich kann zentrale Informationen und die Nutzung der Seite schwerer verstehen. Das kann mich davon abhalten, Warnungen und Erläuterungen richtig einzuordnen.

  • Fremdsprachige Begriffe werden falsch vorgelesen

    Einzelne Begriffe und Navigationspunkte sind nicht als Fremdsprache gekennzeichnet. Screenreader können sie deshalb mit falscher Aussprache wiedergeben.

    Auswirkung: Ich verstehe einzelne Menü- oder Seitenelemente möglicherweise falsch. Das erschwert mir die Orientierung und kann zu Fehlbedienungen fü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
Windows 11 Enterprise (Version 23H2)
Browser
Firefox (Version 124.0.1)
Screenreader
NVDA (Version 2024.1)
Auflösung
1920 × 1080
Tools
Colour Contrast Analyser (Version 3.2.1), PDF Accessibility Checker 2021 (Version 21.0.0.0), NVDA (Version 2024.1)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente 		nicht bestanden Alle grafischen Bedienelemente benötigen aussagekräftige Alternativtexte – beispielsweise im alt- oder aria-label-Attribut –, damit blinde Nutzer Ziel und Inhalt verstehen können.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte 		nicht bestanden Informationstragende Grafiken müssen einen beschreibenden Text erhalten, damit Screenreader-Nutzer zwischen Hochwasser- und Unwetterwarnungen unterscheiden können.
4.9.1.3.1.b
HTML-Strukturelemente für Listen 		nicht bestanden Listen werden nur visuell dargestellt, benötigen aber ul/ol/li-Markup, damit maschinenlesbare Bezeichnungen für Screenreader bereitstehen.
4.9.1.3.3
Sensorische Eigenschaften 		nicht bestanden Verweise verweisen ausschließlich auf Farbe oder Position („orange gefärbter Button“ / „rechts neben“) und sollten um beschreibenden Text erweitert bzw. farbunabhängig formuliert werden.
4.9.1.4.1
Benutzung von Farbe 		nicht bestanden Bereichseinfärbungen allein vermitteln Informationen; ergänzend sollte z. B. ein Text-Tab oder zusätzliche Kennzeichnung eingefügt werden.
4.9.1.4.3
Kontrast (Minimum) 		nicht bestanden Viele Texte werden mit Kontrastverhältnissen unter 4,5:1 angezeigt – Farben gemäß WCAG 2.1 anpassen oder zusätzliche Hintergründe einsetzen.
4.9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Grafische Bedienelemente sowie farbige Legendensymbole bieten keinen 3:1-Kontrast; auch hier muss der Kontrast erhöht oder zusätzliche Mittel wie Schraffur eingesetzt werden.
4.9.1.4.12
Textabstand 		nicht bestanden Erhöhte Zeilen-, Absatz- oder Zeichenabstände führen zu überlappenden Elementen oder abgeschnittenem Content; dynamische Container müssen ausreichend Platz bieten.
4.9.2.1.1
Tastatur 		nicht bestanden Zahlreiche grafische Bedienelemente und Links können weder per Tab fokussiert noch bedient werden; vollständige Tastaturbedienbarkeit sicherstellen.
4.9.2.4.5
Verschiedene Möglichkeiten 		nicht bestanden Der Zugang zu Inhalten ist nur über das Hauptmenü möglich; mindestens ein weiterer Weg (z. B. Sitemap, Suchfunktion) ist zu schaffen.
4.9.2.4.7
Fokus sichtbar 		nicht bestanden Fokus-Indikator bei Fließtextlinks fehlt; für alle interaktiven Elemente einen sichtbaren Fokuszustand bereitstellen.
4.9.3.1.2
Sprache von Teilen 		nicht bestanden Fremdsprachige Begriffe (z. B. Navigationspunkte) sind nicht mit lang-Attributen ausgezeichnet; diese Auszeichnungen ergänzen.
4.9.4.1.1
Syntaxanalyse 		nicht bestanden Der HTML-Quelltext enthält Syntaxfehler (z. B. fehlende End-Tags); alle Validierungsfehler nach W3C-Checker beseitigen.
4.9.4.1.2
Name, Rolle, Wert 		nicht bestanden Interaktive Bedienelemente nutzen div/span ohne role/aria, Schalter verweigern den korrekten Zustand; semantische Namen, Rollen und Zustandsinformationen ergänzen (z. B. role="switch", aria-checked, aria-expanded).
4.9.4.1.3
Statusmeldungen 		nicht bestanden Statusmeldungen fehlen beim automatischen Aktualisieren und Filtern – nach der ersten Aktualisierung oder Filteränderung eine role="status"-Meldung ausgeben.
4.9.6
Konformitätsanforderungen der WCAG 		nicht bestanden Nicht alle Anforderungen der Konformitätsstufen A/AA werden erfüllt; bisherige Mängel müssen vor Konformitätsbeurteilung abgestellt werden.
4.12.1.2
Barrierefreie Dokumentation 		nicht bestanden Die Erklärung zur Barrierefreiheit enthält die allgemeinen Auffälligkeiten und ist daher nicht vollständig barrierefrei; Seitenstruktur verbessern, um Anforderungen der Dokumentation zu erfüllen.
5.4
Erläuterungen in Leichter Sprache 		nicht bestanden Seite zur Leichten Sprache fehlt vollständig; Inhalte, Navigation und zentrale Erklärungen in leichter Sprache bereitstellen.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		im Wesentlichen bestanden Die Überschriftenhierarchie ist durchgehend unlogisch (mehrfach h1, fehlende Ebenen); durch korrekte Auszeichnung mit h2/h3 kann die Orientierung für assistive Technologien verbessert werden.
4.9.1.3.1.d
Inhalte gegliedert 		im Wesentlichen bestanden Absätze werden mittels doubles br-Elementen erzeugt; stattdessen sollten p-Elemente und CSS-Abstände verwendet werden, um Leerzeilen im Lesemodus zu vermeiden.
4.9.1.3.2
Bedeutungsvolle Reihenfolge 		im Wesentlichen bestanden Die Reihenfolge der Registerkarteninhalte entspricht nicht der erwarteten Wahrnehmung über Screenreader, daher ist die logische Reihenfolge anzupassen.
4.9.1.4.5
Bilder von Text 		im Wesentlichen bestanden Verwendete Schriftgrafiken sollten durch HTML-Text ersetzt werden, wenn sie keine unentbehrlichen Informationen übertragen.
4.9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Bereichsauszeichnungen fehlen (z. B. aside) – komplette Landmark-Abdeckung ermöglichen, damit Screenreader Nutzernavigation unterstützt.
4.9.2.4.2
Seite mit Titel 		im Wesentlichen bestanden Im Dokumententitel bleibt bei Detailseiten nur die allgemeine Bezeichnung „Aktuelle Warnmeldung“, der individuelle Titel sollte ergänzt und ggf. gekürzt werden.
4.9.2.4.3
Fokus-Reihenfolge 		im Wesentlichen bestanden Nach Aktivierung von Registerkarten springt der Fokus sofort auf die Karte; er sollte erst im Tab-Element bleiben und anschließend die Inhalte bedienen.
4.9.2.4.4
Linkzweck (im Kontext) 		im Wesentlichen bestanden title-Attribute wie „LinkTitel_ExternerLink“ sind unverständlich – Linktext muss eigenständig den Zweck beschreiben.
4.9.2.4.6
Überschriften und Beschriftungen (Labels) 		im Wesentlichen bestanden Visuell nichtssagende Überschriften wie „Aus erster Hand“ erschweren die Orientierung; durch aussagekräftige Labels den Inhalt verdeutlichen.
4.11.7
Benutzerpräferenzen 		im Wesentlichen bestanden Benutzerspezifische Schriftgrößen und Farben werden nicht durchgehend übernommen; relative Einheiten (rem, %) verwenden.
5.2
Erklärung zur Barrierefreiheit (Bewertung) 		im Wesentlichen bestanden Es fehlen Hinweise darauf, welche Inhalte nicht barrierefrei sind und ob Alternativen existieren; diese Punkte ergänzen.
5.5
Erläuterungen in Gebärdensprache 		im Wesentlichen bestanden Seite vorhanden, bietet aber keine Videos mit den Inhalten der Erklärung zur Barrierefreiheit; entsprechende Inhalte ergänzen.

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