Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Materna Information & Communications SE
- Prüfart
- eingehende Überwachung
Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Fehlende und unpräzise Alternativtexte, defekte Formularzuordnungen, fehlerhafte Struktur, Fokusführung und Live-Regionen machen zentrale Inhalte für Screenreader-Nutzende schwer zugänglich.
Sehbehinderung
Kaum nutzbar
Unzureichende Kontraste, Probleme bei 200 % Zoom, fehlender Reflow, ignorierte Benutzerpräferenzen und nicht unterstützte Systemfarben/-schriften erschweren das Lesen massiv.
Hörbehinderung
Weitgehend zugänglich
Es fehlen Gebärdensprach-Videos, aber textbasierte Inhalte scheinen grundsätzlich verfügbar und hörgeschädigte Nutzer sind vor allem bei Multimedia weniger eingeschränkt.
Motorische Behinderung
Mit Hindernissen nutzbar
Tastaturbedienung wird durch fehlerhafte Fokusreihenfolge, schlecht sichtbaren Fokus und problematische Tooltips beeinträchtigt, grundlegende Bedienung ist aber teilweise möglich.
Lernbehinderung
Mit Hindernissen nutzbar
Fehlende klare Struktur, mangelhafte Fehlerhinweise, unzureichende Leichte Sprache und störende Karussellansagen erschweren Orientierung und Verständnis.
Neurodivergenz
Mit Hindernissen nutzbar
Unruhige Karussell-Interaktionen, fehlerhafte aria-live-Ausgaben, mangelnde Struktur und Hover-/Tooltip-Probleme können Konzentration und Reizverarbeitung deutlich stören.
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.
Alternativtexte ergänzen, HTML-Struktur und ARIA-bezogene Informationen korrigieren, Fokusreihenfolge und Hoverinhalte verbessern sowie Kontrast, Textvergrößerung, Benutzerpräferenzen, audiovisuelle Beschreibungen und sprachliche Markierungen nachbessern.
| Kriterium | Status | Notizen |
|---|---|---|
|
4.9.1.1.1.a Alternativtexte für Bedienelemente |
nicht bestanden | Verlinkte Logos/Bedienelemente nutzen unpräzise oder fehlende Alternativtexte, z. B. wird das DUK-Logo nur als “Zur Startseite” beschrieben und weitere Icons besitzen gar kein alt. |
|
4.9.1.1.1.b Alternativtexte für Grafiken und Objekte |
nicht bestanden | Mehrere informative Grafiken (Logos, Illustrationen) besitzen keine oder nicht vollständige Textalternativen, sodass Screenreader-Nutzer Inhalt und Linkziele nicht erkennen können. |
|
4.9.1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) |
nicht bestanden | Videos vermitteln wesentliche Informationen rein visuell, ohne Audiodeskription oder alternativen Volltext, daher sind sehbehinderte Nutzer ausgeschlossen. |
|
4.9.1.2.5 Audiodeskription (aufgezeichnet) |
nicht bestanden | Die gezeigten Videos liefern keine begleitende Audiodeskription für die visuellen Sequenzen, Informationen sind so nicht abbildbar. |
|
4.9.1.3.1.a HTML-Strukturelemente für Überschriften |
nicht bestanden | Visuell erkennbare Überschriften auf Datenschutz-, Kontakt- und Barrierefreiheitsseiten sind im HTML nicht als h1..h6 ausgezeichnet oder hierarchisch falsch strukturiert. |
|
4.9.1.3.1.b HTML-Strukturelemente für Listen |
nicht bestanden | Listenähnliche Darstellungen, z. B. auf der Datenschutzseite, fehlen das semantische ul/ol-Markup, wodurch Screenreader Beziehungen nicht erkennen können. |
|
4.9.1.3.1.h Beschriftung von Formularelementen programmatisch ermittelbar |
nicht bestanden | Hinweise und Anweisungen im Formular sind nicht via aria-describedby oder ähnlichen Attributen mit den Feldern verknüpft, sodass Screenreader-Nutzern Anforderungen verborgen bleiben. |
|
4.9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Karussells und weitere Abschnitte geben visuell versteckte Inhalte vorzeitig an den Screenreader aus und liefern eine andere Reihenfolge als visuell dargestellt. |
|
4.9.1.3.5 Eingabezweck bestimmen |
nicht bestanden | Formulare nutzen autocomplete="off" für personenbezogene Felder, wodurch Browsern und Assistenten keine eindeutige Zwecke-Erkennung möglich ist. |
|
4.9.1.4.3 Kontrast (Minimum) |
nicht bestanden | Texte auf mehrfarbigen oder dunkel-modus Hintergründen erfüllen vielerorts nicht das Verhältnis 4,5:1, insbesondere die Texte im oberen Bereich, Fußbereich und Kontaktseite. |
|
4.9.1.4.4 Textgröße ändern |
nicht bestanden | Bei 200 % Browser-Zoom überlappen sich Texte mit anderen Elementen (z. B. Logo), wodurch sie nicht mehr lesbar oder steuerbar sind. |
|
4.9.1.4.10 Automatischer Umbruch (Reflow) |
nicht bestanden | Teile der Startseite sind bei schmaler Breite (320 CSS px) abgeschnitten, was auf fehlende vollständige Responsive-Umsetzung hinweist. |
|
4.9.1.4.11 Nicht-Text-Kontrast |
nicht bestanden | Bedienelemente des Karussells liegen auf mehrfarbigen Hintergründen und erreichen nicht den Mindestkontrast von 3:1, wodurch deren Erkennbarkeit eingeschränkt ist. |
|
4.9.1.4.13 Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus |
nicht bestanden | Tooltips erscheinen bei Fokus/Hover, lassen sich aber nicht über ESC oder Aktivierung schließen und verschwinden beim Überfahren; sie verdecken Inhalte und brechen bei Mausbewegung ab. |
|
4.9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Versteckte Menüpunkte und Karussell-Links werden in der Tab-Reihenfolge angesprochen; nach dem Durchlaufen der Navigation springt der Fokus zurück zum Öffnen der Hauptnavigation und macht den Hauptinhalt unzugänglich. |
|
4.9.2.4.7 Fokus sichtbar |
nicht bestanden | Nicht alle Links/Buttons erreichen den Mindestkontrast 3:1 bei Fokushervorhebung, sodass Tastaturnutzer kaum erkennen, wo der Fokus liegt. |
|
4.9.2.5.3 Beschriftung (Label) im Namen |
nicht bestanden | Verlinkte Grafiken wie das UNESCO-Logo tragen keinen zugänglichen Namen, da sichtbare Texte nicht in aria-labeln/Titeln enthalten sind. |
|
4.9.3.1.2 Sprache von Teilen |
nicht bestanden | Englischsprachige Textstellen sind nicht mit lang-Attributen ausgezeichnet, inklusive des iframes der Newsletter-Anmeldung, welches fälschlich lang="en" nutzt. |
|
4.9.3.3.1 Fehlerkennzeichnung |
nicht bestanden | Fehlermeldungen werden zwar visuell angezeigt, aber nicht via aria-describedby mit dem relevanten Eingabefeld verknüpft, sodass Screenreader-Nutzer keine Informationen erhalten. |
|
4.9.3.3.2 Beschriftungen (Labels) oder Anweisungen |
nicht bestanden | Pflichtfelder sind zwar durch Sternchen markiert, aber es fehlt eine Erklärung, sodass der Zweck dieser Kennzeichnung nicht nachvollziehbar ist; zudem verschwinden Labeltexte beim Ausfüllen in Eingaben mit Placeholder. |
|
4.9.4.1.3 Statusmeldungen |
nicht bestanden | Das Karussell nutzt aria-live fehlerhaft, sodass bei jedem automatischen Wechsel eine Vorleseansage erfolgt, die Orientierung und Lesefluss für Screenreader zerstört. |
|
4.9.6 Konformitätsanforderungen der WCAG |
nicht bestanden | Nicht alle Anforderungen der Konformitätsstufen A und AA sind erfüllt, daher kann die Seite nicht als WCAG 2.1-konform bewertet werden. |
|
4.11.7 Benutzerpräferenzen |
nicht bestanden | Browser-Einstellungen für Schriftarten, Farben und Kontrast werden nicht akzeptiert; Texte und Menüs bleiben unlesbar bzw. verschwinden bei geänderten Systemfarben/-schriftarten. |
|
4.12.1.2 Barrierefreie Dokumentation |
nicht bestanden | Die Erklärung zur Barrierefreiheit selbst erfüllt die gleichen Auffälligkeiten wie die restlichen Seiten (Fehlende Struktur, Listen, Überschriften usw.) und ist deshalb nicht vollständig barrierefrei. |
|
5.1 Technische Dokumentprüfung |
nicht bestanden | Die PDF „Publikation_Fair_Culture_Charta_dt.pdf“ verfügt über keine Tags, sodass semantische Rollen, Lesereihenfolge, Alternativtexte oder Struktur gar nicht bereitgestellt werden können. |
|
5.4 Erläuterungen in Leichter Sprache |
nicht bestanden | Die Seite mit Leichter Sprache nennt keine Navigationserläuterungen noch die wesentlichen Inhalte der Erklärung zur Barrierefreiheit gemäß BITV 2.0 Anlage 2. |
|
5.5 Erläuterungen in Gebärdensprache |
nicht bestanden | Es existiert keine Seite mit Gebärdensprach-Videos zu Kernthemen, Navigation oder Erklärung zur Barrierefreiheit, obwohl dies gefordert ist. |
| Kriterium | Status | Notizen |
|---|---|---|
|
4.5.2 Aktivierung von Barrierefreiheitsfunktionen |
im Wesentlichen bestanden | Tooltips zu den Accessibility-Schaltern lassen sich weder via ESC schließen noch bleiben sie beim Überfahren bestehen, zudem fehlen durchgängig aussagekräftige Beschriftungen. |
|
4.9.2.4.1 Blöcke überspringen |
im Wesentlichen bestanden | Suchbereiche fehlen als Landmarken, sodass Screenreader diese Bereiche nicht gezielt ansteuern können. |
|
4.9.2.4.2 Seite mit Titel |
im Wesentlichen bestanden | Startseitentitel besitzt keine individuelle Bezeichnung, wodurch der Zweck in Favoriten/Tab-Leiste nicht differenziert wird. |
|
4.9.2.4.6 Überschriften und Beschriftungen (Labels) |
im Wesentlichen bestanden | Beschriftungen übertragen lediglich den Zustand, nicht den Zweck (z. B. Normalmodus/Dunkelmodus-Schalter). |
|
4.9.4.1.2 Name, Rolle, Wert |
im Wesentlichen bestanden | Das Karussell nutzt aria-roledescription fälschlich für einzelne Sliderelemente statt für das gesamte Widget, wodurch Rollen/Zustände für assistive Technologien unvollständig bleiben. |
|
5.2 Erklärung zur Barrierefreiheit |
im Wesentlichen bestanden | Die Erklärung ist vorhanden, nennt aber nicht sämtliche in diesem Bericht genannten nicht barrierefreien Inhalte der Website. |
| Kriterium | Status | Notizen |
|---|---|---|
|
4.9.1.1.1.c Leere alt-Attribute für Layoutgrafiken |
bestanden | Layoutgrafiken wurden korrekt mit leeren alt-Attributen umgesetzt. |
Deutscher Wetterdienst
Prüfung vom 28.11.2025
Deutscher Verein für öffentliche und private Fürsorge e. V.
Prüfung vom 03.11.2025
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 08.09.2025