Staatliches Gutachten zur digitalen Barrierefreiheit

Deutsche UNESCO-Kommission

Nutzbarkeit mit unterschiedlichen Behinderungen

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.

Dokumentierte Barrieren

  • Wesentliche Videoinhalte ohne Audiodeskription

    In den Videos werden wichtige Informationen nur über Bilder oder visuelle Abläufe vermittelt. Eine Audiodeskription oder gleichwertige Textalternative fehlt.

    Auswirkung: Ich verstehe zentrale Inhalte der Videos nicht vollständig, wenn sie nur sichtbar, aber nicht beschrieben sind. Damit gehen wesentliche Informationen verloren.

  • Tastaturfokus springt in eine falsche Reihenfolge

    Versteckte Menüpunkte und Karussell-Links werden in der Tab-Reihenfolge erreicht. Nach der Navigation springt der Fokus zurück statt zum Hauptinhalt weiterzugehen.

    Auswirkung: Ich kann den Seiteninhalt mit der Tastatur nicht zuverlässig erreichen. Das macht eine zentrale Bedienart praktisch unbrauchbar.

  • PDF ohne Tags ist strukturell nicht zugänglich

    Die PDF-Datei besitzt keine Tags und damit keine nutzbare Struktur für Überschriften, Lesereihenfolge oder Alternativtexte. Wichtige Inhalte können daher nicht zuverlässig ausgelesen werden.

    Auswirkung: Ich kann das Dokument nicht sinnvoll mit assistiven Technologien erfassen. Für mich bleibt der Inhalt teilweise oder vollständig unzugänglich.

  • Inhalte überlagern sich bei Textvergrößerung

    Bei 200 % Vergrößerung überlappen sich Texte mit anderen Seitenelementen, etwa mit dem Logo. Dadurch werden Inhalte angeschnitten oder verdeckt.

    Auswirkung: Ich kann die Seite nicht mehr sinnvoll lesen oder bedienen, wenn ich größere Schrift brauche. Das macht das Arbeiten mit vergrößertem Text stark eingeschränkt.

  • Fehlerhinweise im Formular werden nicht angekündigt

    Fehlermeldungen sind sichtbar, aber nicht mit dem betroffenen Feld verbunden. Screenreader-Nutzende erhalten dadurch nicht zuverlässig mit, was falsch ist.

    Auswirkung: Ich erfahre nicht, welches Feld korrigiert werden muss. Das kann das Abschicken eines Formulars verhindern oder sehr erschweren.

  • Systemeinstellungen für Farben und Schrift werden ignoriert

    Benutzerdefinierte Browser- oder Systemeinstellungen für Farben, Kontrast und Schriftarten werden nicht übernommen. Inhalte können dadurch unlesbar werden oder verschwinden.

    Auswirkung: Ich kann meine bevorzugten oder notwendigen Anzeigeeinstellungen nicht nutzen. Das kann die gesamte Seite für mich schwer oder gar nicht lesbar machen.

  • Fehlende Alternativtexte bei Logos und Icons

    Mehrere verlinkte Logos und Symbole sind nicht ausreichend oder gar nicht mit Textalternativen versehen. Dadurch wird ihr Zweck für assistive Technologien nicht zuverlässig vermittelt.

    Auswirkung: Ich kann nicht erkennen, wohin ein Logo oder Icon führt oder was ein Symbol bedeutet. Wichtige Navigation und Inhalte bleiben mir dadurch verborgen.

  • Formularhinweise sind nicht mit Feldern verknüpft

    Hinweise und Anweisungen zu Formularfeldern sind nicht programmgesteuert mit den Eingabefeldern verbunden. Dadurch werden wichtige Anforderungen beim Ausfüllen nicht zuverlässig vorgelesen.

    Auswirkung: Ich weiß beim Ausfüllen nicht sicher, was ich beachten muss. Das erhöht die Wahrscheinlichkeit von Fehlern und erschwert das Abschicken des Formulars.

  • Schlechte Lesbarkeit durch unzureichenden Farbkontrast

    Texte erreichen an mehreren Stellen nicht den erforderlichen Mindestkontrast, besonders im oberen Bereich, im Fußbereich und auf der Kontaktseite. Das betrifft vor allem helle oder mehrfarbige Hintergründe.

    Auswirkung: Ich kann Texte nur schwer oder gar nicht lesen, besonders bei schwächerem Sehvermögen. Dadurch bleiben wichtige Informationen für mich unzugänglich.

  • Tooltip-Inhalte verdecken und blockieren die Bedienung

    Hinweisfenster erscheinen bei Hover oder Fokus, lassen sich aber nicht zuverlässig schließen und verschwinden beim Überfahren. Dabei verdecken sie andere Inhalte und brechen leicht ab.

    Auswirkung: Ich werde beim Lesen oder Bedienen unterbrochen und kann verdeckte Inhalte nicht erreichen. Besonders mit Tastatur oder Maus wird die Nutzung frustrierend und fehleranfällig.

  • Verlinkte Grafiken haben keinen erkennbaren Namen

    Verlinkte Bilder, etwa Logos, sind nicht mit einem zugänglichen Namen versehen, der den sichtbaren Text korrekt abbildet. Für Screenreader bleibt der Zweck unklar.

    Auswirkung: Ich kann nicht feststellen, was ich mit dem Link öffne oder auswähle. Dadurch sinkt die Vertrauens- und Bedienbarkeit der Seite deutlich.

  • Pflichtfelder und Platzhalter sind nicht ausreichend erklärt

    Pflichtfelder sind nur über Sternchen markiert, ohne verständliche Erklärung. Außerdem verschwinden Labeltexte beim Ausfüllen in Feldern mit Platzhalter.

    Auswirkung: Ich weiß nicht sicher, welche Angaben erforderlich sind und verliere wichtige Feldbeschriftungen أثناء der Eingabe. Das erhöht die Fehlerquote und macht Formulare schwer nutzbar.

  • Fehlende semantische Überschriftenstruktur

    Sichtbare Überschriften sind im HTML nicht korrekt als Überschriften ausgezeichnet oder hierarchisch falsch aufgebaut. Dadurch fehlt eine verlässliche Gliederung der Seiten.

    Auswirkung: Ich kann Inhalte nicht schnell über Überschriften erfassen oder gezielt zu Abschnitten springen. Die Orientierung auf längeren Seiten wird deutlich erschwert.

  • Reihenfolge der Inhalte weicht von der Sichtbarkeit ab

    Karussells und andere Bereiche geben Inhalte in einer anderen Reihenfolge aus als sie visuell erscheinen. Versteckte Elemente werden teils zu früh vorgelesen.

    Auswirkung: Ich verliere die Orientierung, weil ich Inhalte in einer unerwarteten Reihenfolge höre. Das erschwert das Verstehen und gezielte Navigieren erheblich.

  • Seite bricht bei schmalen Ansichten nicht sauber um

    Teile der Startseite sind bei kleiner Breite abgeschnitten. Die Darstellung passt sich also nicht vollständig an schmale Bildschirme oder Vergrößerungen an.

    Auswirkung: Ich muss horizontal scrollen oder sehe Inhalte nur teilweise. Auf kleinen Geräten oder bei Vergrößerung wird die Nutzung deutlich erschwert.

  • Fokus ist kaum sichtbar

    Nicht alle Links und Schaltflächen zeigen bei Tastaturfokus einen ausreichend starken Kontrast. Der aktuelle Fokuspunkt ist dadurch oft schwer zu erkennen.

    Auswirkung: Ich weiß nicht sicher, welches Element gerade aktiv ist. Das führt leicht zu Fehlbedienungen und macht Tastaturnavigation deutlich anstrengender.

  • Automatische Karussellansagen stören die Orientierung

    Das Karussell nutzt Live-Meldungen so, dass bei jedem Wechsel Inhalte vorgelesen werden. Dadurch werden andere Screenreader-Inhalte überlagert oder unterbrochen.

    Auswirkung: Ich kann mich nicht auf den gerade relevanten Inhalt konzentrieren. Das Lesen und Navigieren wird ständig unterbrochen.

  • Steuerungselemente im Karussell sind schlecht erkennbar

    Die Bedienelemente des Karussells liegen auf farbigen Hintergründen und heben sich nicht ausreichend ab. Dadurch sind sie visuell schwer wahrnehmbar.

    Auswirkung: Ich erkenne nicht sicher, wo ich klicken oder tippen muss. Das erschwert die Nutzung des Karussells und kann dazu führen, dass ich Funktionen übersehe.

  • Leichte-Sprache-Seite erklärt Navigation und Inhalte nicht ausreichend

    Die Seite in Leichter Sprache enthält keine ausreichenden Navigationserläuterungen und nicht die wesentlichen Inhalte zur Barrierefreiheitserklärung. Sie erfüllt damit ihren Unterstützungszweck nicht vollständig.

    Auswirkung: Ich erhalte nicht die vereinfachte Orientierung, die ich für das Verständnis der Seite brauche. Für mich wird der Zugang zu wichtigen Informationen dadurch erschwert.

  • Gebärdensprachinformationen fehlen vollständig

    Es gibt keine Gebärdensprachvideos zu Kernthemen, zur Navigation oder zur Barrierefreiheitserklärung. Für gehörlose Menschen fehlt damit ein zentraler Informationszugang.

    Auswirkung: Ich kann mir wichtige Inhalte nicht in meiner bevorzugten Sprache erschließen. Das betrifft vor allem die Orientierung und grundlegende Informationen zur Website.

  • Listen werden nicht als Listen ausgezeichnet

    Auf einigen Seiten werden listenartige Inhalte ohne semantisches Listen-Markup dargestellt. Für assistive Technologien bleibt dadurch die Beziehung der einzelnen Punkte unklar.

    Auswirkung: Ich erkenne nicht, welche Punkte zusammengehören oder wie viele Einträge es gibt. Das macht das Erfassen von Inhalten mühsam und fehleranfällig.

  • Spracheingestellte Inhalte werden falsch vorgelesen

    Englische Textstellen sind nicht korrekt sprachlich ausgezeichnet, und ein eingebetteter Bereich ist ebenfalls nicht passend markiert. Dadurch kann die Vorlesestimme die Inhalte falsch aussprechen.

    Auswirkung: Ich verstehe fremdsprachige Inhalte schlechter, weil sie unnatürlich oder falsch vorgelesen werden. Das erschwert das Erfassen von Namen, Begriffen und Hinweisen.

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 (Version 23H2)
Browser
Firefox (Version 144.0)
Screenreader
NVDA (Version 2024.4.2)
Auflösung
1920 × 1200
Tools
Colour Contrast Analyser (Version 3.5.5), PDF Accessibility Checker 2024 (Version 24.3.2.0)

Prüfkriterien

Nicht bestanden

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.

Im Wesentlichen bestanden

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.

Bestanden

Kriterium Status Notizen
4.9.1.1.1.c
Leere alt-Attribute für Layoutgrafiken 		bestanden Layoutgrafiken wurden korrekt mit leeren alt-Attributen umgesetzt.

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.

Jetzt via Steady unterstützen