Staatliches Gutachten zur digitalen Barrierefreiheit

www.euro20plus.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Erfolgskriterien für Screenreader-Nutzung (1.1.1, 1.3.1, 2.4.1, 2.4.3, 2.4.4, 3.3.1, 4.1.2) sind nicht erfüllt, Tastaturbedienung selbst ist aber grundsätzlich möglich.

Sehbehinderung Kaum nutzbar

Deutliche Kontrastmängel (1.4.3, 1.4.11), Probleme bei Vergrößerung und Reflow (1.4.4, 1.4.10) sowie teils unsichtbarer Fokus (2.4.7) schränken die Nutzung stark ein.

Hörbehinderung Mit Hindernissen nutzbar

Untertitel für aufgezeichnete Audios sind vorhanden (1.2.2), aber aufgezeichnete Videos haben keine textuellen Alternativen (1.2.3) und kein Gebärdensprach-Angebot (A.4).

Motorische Behinderung Weitgehend zugänglich

Tastaturbedienbarkeit und -fallen sind erfüllt (2.1.1, 2.1.2) und komplexe Zeigereingaben sind verzichtbar (2.5.1), jedoch erschweren Fokusprobleme (2.4.3, 2.4.7) die Bedienung.

Lernbehinderung Mit Hindernissen nutzbar

Es gibt zwar konsistente Navigation und klare Labels (3.2.3, 3.2.4, 3.3.2), aber keine Leichte Sprache (A.3), teils unklare Links (2.4.4) und fehlerhafte Rückmeldungen (3.3.1).

Neurodivergenz Mit Hindernissen nutzbar

Es liegen keine Probleme mit Blitzen oder Zwangsanimationen vor (2.2.2, 2.3.1), aber Fokus- und Strukturprobleme (1.3.1, 2.4.3, 2.4.7) sowie fehlende vereinfachte Inhalte (A.3) können die Orientierung erschweren.

Dokumentierte Barrieren

  • Videos ohne Alternativen

    Auf der Videoseite werden aufgezeichnete Videos ohne textliche Alternative angeboten. Zusätzlich fehlen Audiodeskriptionen.

    Auswirkung: Wenn ich Videos nicht sehen kann, erfahre ich die Inhalte und wichtige Informationen daraus nicht. Ich muss dann auf externe Hilfe warten oder bekomme die Informationen gar nicht.

  • Tastaturfokus ist teilweise unsichtbar oder falsch geführt

    Der sichtbare Fokus ist bei mehreren Elementen kaum oder gar nicht erkennbar. Außerdem wird der Fokus teils nicht passend in den sichtbaren Bereich geführt oder folgt nicht der logischen Reihenfolge.

    Auswirkung: Wenn ich mit der Tastatur navigiere, weiß ich nicht immer, wo ich mich gerade befinde. Dadurch kann ich Schaltflächen im Slider, den Schließen-Button oder Player-Bedienelemente leicht übergehen.

  • Formularfehler werden für Screenreader nicht zuverlässig mitgeteilt

    Nach dem Absenden eines fehlerhaften Formulars wird die Fehlersituation nicht ausreichend angesagt. Fehlermeldungen an einzelnen Feldern werden im Formularmodus ebenfalls nicht vorgelesen.

    Auswirkung: Ich merke möglicherweise nicht, dass das Formular nicht abgesendet wurde. Dann kann ich Fehler nicht gezielt beheben und komme beim Abschicken nicht weiter.

  • Vergrößern und Umbruch brechen Inhalte weg

    Bei größerer Schrift oder schmaleren Ansichten verschwinden Inhalte oder müssen horizontal gescrollt werden. Das betrifft unter anderem lange Links, den Videoplayer und Teile des Titeltexts auf der Startseite.

    Auswirkung: Wenn ich Inhalte vergrößere, verliere ich Text oder muss seitlich scrollen. Das macht Lesen und Bedienen mühsam und kann wichtige Inhalte unzugänglich machen.

  • Fehlende Textalternativen für Bilder und Symbole

    Mehrere wichtige Bilder, Icons und Miniaturansichten sind nicht mit brauchbaren Alternativtexten versehen. Dazu gehören unter anderem das Logo, Social-Media-Icons, Vorschaubilder und das Schließen-Symbol der Vollansicht.

    Auswirkung: Ich kann Inhalte und Funktionen nicht zuverlässig erkennen, wenn ich den Screenreader nutze. Dadurch bleiben Links und Bedienelemente für mich teilweise verborgen oder unverständlich.

  • Zu geringer Kontrast von Texten und Bedienelementen

    Mehrere Texte, Buttons, Icons und Eingabefelder haben zu wenig Kontrast zum Hintergrund. Das betrifft unter anderem weiße, graue und lachsfarbene Elemente auf verschiedenen Seiten.

    Auswirkung: Ich kann Texte und Schaltflächen schlechter erkennen, besonders bei schlechten Lichtverhältnissen oder mit Sehschwäche. Dadurch übersehe ich Inhalte oder treffe Bedienelemente schwerer.

  • Struktur von Überschriften, Gruppen und Bedienelementen nicht zuverlässig erkennbar

    Einige Überschriften sind nicht als Überschrift ausgezeichnet, Formulargruppen sind nicht als zusammengehörig erkennbar und mehrere Bedienelemente wirken für Hilfstechnologien nur unzureichend beschrieben. Auch die Video-Player-Regionen sind nicht klar unterscheidbar.

    Auswirkung: Ich kann die Seite schlechter gliedern und schneller zu den richtigen Bereichen springen. Besonders bei Formularen und mehreren Video-Playern fällt es mir schwer, mich zu orientieren und gezielt zu bedienen.

  • Kein Angebot in Leichter Sprache oder Gebärdensprache

    Es gibt weder Inhalte in Leichter Sprache noch ein Gebärdensprach-Video. Für Nutzende mit entsprechendem Informationsbedarf fehlt damit eine wichtige Zugangsform.

    Auswirkung: Wenn ich Informationen in einfacher Sprache brauche oder auf Gebärdensprache angewiesen bin, finde ich keine passende Unterstützung. Dadurch kann ich zentrale Inhalte nur schwer oder gar nicht verstehen.

  • Linkzweck und Bedienelemente sind teils unklar angesagt

    Einige Links sind für Screenreader nicht eindeutig verständlich. Im Instagram-Slider werden außerdem einzelne Elemente oder Zustände unklar beziehungsweise leer ausgegeben.

    Auswirkung: Ich kann nicht sicher erkennen, wohin ein Link führt oder was ein Element bewirkt. Dadurch zögere ich bei der Bedienung oder klicke aus Unsicherheit auf das Falsche.

  • Formularfelder werden beim Ausfüllen nicht automatisch unterstützt

    Eingabefelder für Nutzerdaten sind nicht mit passenden autocomplete-Angaben versehen. Dadurch können Browser und Hilfsmittel die Eingabe nicht sinnvoll vorbefüllen oder zuordnen.

    Auswirkung: Ich muss mehr selbst eingeben und kann mich leichter vertippen. Das kostet Zeit und erschwert das Ausfüllen besonders bei wiederkehrenden Angaben.

  • Fremdsprachige Button-Beschriftungen im Slider

    Im Instagram-Slider sind einzelne Schaltflächen englisch beschriftet, ohne dass die Sprache passend ausgezeichnet ist. Für Screenreader kann das zu einer irritierenden oder schwer verständlichen Ausgabe führen.

    Auswirkung: Ich verstehe die Bedienung solcher Schaltflächen möglicherweise schlechter. Das macht den Slider unübersichtlich und kann die Nutzung verlangsamen.

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 10 Enterprise
Browser
Google Chrome 121.0.6167.185
Screenreader
NVDA 2023.3.3.30854
  • www.euro20plus.de Web-Angebot öffnen
  • https://www.euro20plus.de/e20-de/impressum-830370
  • https://www.euro20plus.de/e20-de/kontakt-844592
  • https://www.euro20plus.de/e20-de/rueckblick-830472
  • https://www.euro20plus.de/e20-de/videos-906660

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten: Das Logo besitzt nur den Alternativtext "Logo". Startseite: Die Icons zu den Social Media Kanälen befinden sich in einem Link ohne Beschriftung; der Instagram-Slider liefert bei Fokus mehrere Elemente. Inhaltsseite: Fotos sowie Miniaturansichten in Links haben keine Alternativtexte, die Linearlesbar sind; Alternativtexte in picture-Elementen werden nicht wahrgenommen. Das X im Vollbild ist nur mit Font-Icon beschrieben, wird vom Screenreader nicht ausgegeben.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Videoseite: Zu den Videos wird keine Alternative bereitgestellt.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden Videoseite: Die Videos haben keine Audiodeskription.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Suchseite, Inhaltsseite: Die Überschrift "Überblick" ist nicht als solche ausgezeichnet. Formularseite: Boxen und Buttons "Zurücksetzen" und "Senden" befinden sich jeweils in Listen. Formularfeldgruppen sind nicht als Gruppen erkennbar. Videoseite: Der Youtube-Player passt sich im Hochkontrastmodus nicht an. Schmuckelemente für Navigation, Footer und Überschriften bleiben im Hochkontrastmodus sichtbar.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Eingabefelder für Nutzerdaten sind nicht mit autocomplete-Attribut ausgezeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Alle Seiten: Weiße Texte auf blauem (2,4:1), grünem (1,6:1) Hintergrund und graue Texte auf lachsfarbenem Hintergrund (2,7:1) unzureichend. Startseite: Grauer Text "Worum ging's" auf grünem Hintergrund unzureichend (3,7:1). Start- und Formularseite: Weiße Buttons auf lachsfarbenem Hintergrund unzureichend (2,2:1). Weiterer Hinweis: Titeltext auf Foto möglicherweise nicht ausreichend.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Suchseite: Lange Links brechen nicht um, horizontales Scrollen erforderlich. Videoseite: Eigener Videoplayer ragt aus sichtbarem Bereich, horizontales Scrollen möglich. Startseite: Titeltext im Titelbild wird nicht mehr angezeigt bei Anpassungen.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Weiße Social-Media-Icons auf blauem Hintergrund (2,4:1) und graue Symbole im Instagram-Slider auf weißem Hintergrund (2,0:1) unzureichend. Suchseite: Graue Dreiecke im Inhaltsverzeichnis auf hellgrauem Hintergrund (2,0:1) unzureichend. Formularseite: Eingabefelder und Checkboxen mit lachsfarbenem/grünem Hintergrund unzureichender Kontrast (1,3:1, 2,0:1, 2,8:1).
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Videoseite: Eigene Video-Player befinden sich jeweils in Region "Video-Player"; Regionen im Screenreader nicht unterscheidbar.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Formularseite: Button "Senden" erhält Fokus vor "Zurücksetzen". Inhaltsseite: Miniaturansichten erhalten TAB-Fokus jeweils zweimal. Videoseite: Bedienelemente im eigenen Video-Player erhalten Fokus nicht in visueller/logischer Reihenfolge.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Link zum Programm umfasst Überschrift und Text, Linkfunktion nicht gut erkennbar. Formularseite: Link "FriendlyCaptcha" enthält Sonderzeichen, Screenreader gibt unverständlich aus.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Fokus auf Button "Hier eintragen" und Teile des Instagram-Sliders ist nicht sichtbar; Fokus im Instagram-Slider verschiebt nicht in sichtbaren Bereich; Farbe des Fokusrahmens auf grafischen Bedienelementen und Wechsel-Buttons nicht gut sichtbar. Inhaltsseite: Fokus auf X-Button zum Schließen der Vollbildansicht nicht sichtbar. Videoseite: Fokusrahmen im Youtube-Player kaum erkennbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Instagram-Slider zeigt Buttons für Vollansicht sowie Vor-/Zurückblättern mit englischen Beschriftungen ("Open in popup view", "Previous", "Next").
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Nach Absenden eines fehlerhaften Formulars wird vom Screenreader keine Meldung ausgegeben, dass Formular nicht abgesendet wurde; Fehlermeldungen an Eingabefeldern werden im Formularmodus nicht vom Screenreader ausgegeben (Nutzer muss in linearen Lesemodus wechseln).
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Elemente des Instagram-Sliders werden teilweise als "leer" ausgegeben (z. B. Zeitangabe). Videoseite: Bei TAB-Navigation auf Bedienelemente des Youtube-Players wird zusätzlich der Name des zuvor fokussierten Elements ausgegeben.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		im Wesentlichen bestanden Formularseite: Der Button "Senden" wird vor dem Button "Zurücksetzen" erreicht, was nicht der visuellen Anordnung entspricht.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		im Wesentlichen bestanden Startseite: Der Text "Schon am nächsten Event interessiert?" im Titelbild wird nicht mehr angezeigt, wenn Schriftgröße angepasst wird.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Startseite: Seitentitel "Euro20+ | Euro20+" macht Startseite ggf. nicht direkt erkennbar.

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden –
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden –
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden –
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden –
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden –
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden –
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden –
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden –
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden –
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden –
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden –
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden –
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden Formal wurde die Erklärung zur Barrierefreiheit gefunden; das Gesamtergebnis der formalen Prüfung wurde jedoch als nicht bestanden dokumentiert.
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –

Nicht anwendbar

Kriterium Status Notizen
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht anwendbar Es ist keine PDF vorhanden.

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