Gutachten

warnung.bund.de

Website nicht konform Prüfung vom 28.06.2024 ID: #206
Sicherheit öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüforganisation
Materna Information & Communications SE
Prüfart
eingehende Überwachung

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)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

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://warnung.bund.de/startseite

Empfehlung & Status

Empfehlung

Fehler in der Tastaturzugänglichkeit, Fokus- bzw. Kontrastdarstellung, Alternativtexten, semantischem Markup und ARIA-Unterstützung beheben sowie die Erklärung zur Barrierefreiheit sowie zusätzliche nationale Anforderungen aktualisieren.

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.