Staatliches Gutachten zur digitalen Barrierefreiheit

Überwachungsbericht www.jugendopposition.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Wesentliche Screenreader-Probleme wie fehlende Alternativtexte, unklare Struktur, nicht nutzbare Slider, fehlende Sprunglinks und unsichtbarer Fokus schränken die Bedienung stark ein.

Sehbehinderung Mit Hindernissen nutzbar

Teilweise ausreichende Textkontraste und Zoom-Fähigkeit sind vorhanden, aber schwache Kontraste bei Steuerelementen, Probleme bei Textabständen und fehlende Fokusanzeige erschweren die Nutzung deutlich.

Hörbehinderung Mit Hindernissen nutzbar

Multimedia ist weitgehend nicht relevant oder nicht vorhanden, aber es fehlen Gebärdensprache-Angebote und vermutlich auch klare Hinweise zur Kontaktaufnahme bzw. Unterstützung.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ist möglich, jedoch sind wichtige Bedienelemente (Slider, Paginierung, Suche schließen) nicht oder nur schwer per Tastatur nutzbar und der Fokus ist nicht sichtbar.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und Beschriftungen helfen zwar, aber fehlende Leichte Sprache, unklare Bedienelemente, irritierende Fokusreihenfolge und schwache Fehlerhilfen erschweren das Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Zwar gibt es keine Zeitdruck- oder Animationsprobleme, doch die fehlende Strukturklarheit, schwer nachvollziehbare Fokusführung und mangelnde Vereinfachungsangebote können stark überfordern.

Dokumentierte Barrieren

  • Wichtige Slider-Inhalte sind per Tastatur nicht erreichbar

    Die Vor- und Zurück-Pfeile sowie die Paginierung der Slideshow lassen sich nicht mit Tastatur oder Screenreader bedienen. Zusätzlich müssen auch versteckte Folien durchlaufen werden, ohne dass es eine brauchbare Navigation gibt.

    Auswirkung: Ich kann die Inhalte des Sliders nicht gezielt wechseln oder überspringen. Dadurch verpasse ich wichtige Startseiten- und Inhaltsseiteninformationen oder muss mich mühsam durch unzugängliche Elemente arbeiten.

  • Fehlende Alternativtexte für Bilder, Logos und Icons

    Mehrere Bilder, Footer-Logos und einige Icons haben keine sinnvollen Alternativtexte oder werden unnötig vorgelesen. Auch das Captcha bietet keine alternative Ausgabe.

    Auswirkung: Wenn ich den Screenreader nutze, fehlen mir wichtige Informationen aus Bildern und Symbolen. Im Kontaktformular kann ich das Captcha möglicherweise nicht lösen und das Formular dadurch nicht absenden.

  • Aktueller Fokus ist nicht sichtbar

    Beim Navigieren mit der Tastatur ist nicht erkennbar, welches Element gerade fokussiert ist. Das betrifft die gesamte Seitennutzung.

    Auswirkung: Ich weiß nicht, wo ich mich gerade befinde und welches Element als Nächstes ausgelöst wird. Dadurch kann ich Bedienhandlungen verfehlen oder mich in der Seite verlieren.

  • Sucheingabefeld lässt sich nicht schließen

    Das eingeblendete Sucheingabefeld kann weder mit ESC noch über das Lupen-Icon geschlossen werden. Es bleibt damit als eingeblendeter Bereich bestehen.

    Auswirkung: Ich kann den Suchbereich nicht einfach wieder ausblenden und muss mich mit dem eingeblendeten Element weiter auseinandersetzen. Das stört die Nutzung und kann andere Inhalte verdecken oder den Fokusfluss behindern.

  • PDF-Dokument ist nicht barrierefrei nutzbar

    Das geprüfte PDF erfüllt die Anforderungen an barrierefreie PDF-Dokumente nicht. Es ist deshalb vermutlich für Screenreader und andere Hilfstechnologien nur eingeschränkt nutzbar.

    Auswirkung: Ich kann Inhalte des PDF-Dokuments möglicherweise nicht sinnvoll lesen oder strukturieren. Wenn das PDF wichtige Informationen enthält, ist es für mich nur schwer oder gar nicht zugänglich.

  • Mangelhafte Struktur erschwert die Orientierung mit Screenreader

    Auf den Seiten fehlt die Auszeichnung des Hauptbereichs, und es gibt mehrere Navigationsbereiche ohne eindeutige Benennung. Dadurch ist die Seitenstruktur für Hilfstechnologien nur schwer verständlich.

    Auswirkung: Ich kann mich weniger schnell orientieren und Bereiche nicht zuverlässig voneinander unterscheiden. Das kostet Zeit und erhöht die Gefahr, an der falschen Stelle zu landen oder Inhalte zu übersehen.

  • Links und Schaltflächen sind teils unverständlich beschriftet

    Einige Links werden nur über Farbe erkennbar gemacht, der Logo-Link hat keine sinnvolle Linkbeschreibung und die Slider-Buttons sind unklar bezeichnet. Außerdem wird das Suchsymbol als Link statt als Schalter ausgegeben.

    Auswirkung: Ich kann nicht sicher erkennen, wohin ein Link führt oder was eine Schaltfläche bewirkt. Das erhöht Fehlbedienungen und macht Navigation und Suche unnötig kompliziert.

  • Formularfehler werden nicht ausreichend erklärt

    Im Kontaktformular fehlt bei einer fehlerhaften E-Mail-Adresse ein konkreter Korrekturvorschlag. Außerdem sind Pflichtfeldmarkierungen und Fehlermeldungen nicht korrekt angebunden.

    Auswirkung: Ich erfahre nicht klar genug, was ich im Formular ändern muss. Dadurch kann ich das Kontaktformular nicht zuverlässig absenden und muss Fehler mehrfach ausprobieren.

  • Sprungmarken zum Überspringen wiederkehrender Bereiche fehlen

    Auf den Seiten gibt es keine Sprunglinks am Seitenanfang. Wiederholte Bereiche wie Navigation müssen daher immer wieder komplett durchlaufen werden.

    Auswirkung: Ich muss bei jedem Seitenaufruf viele gleichbleibende Elemente erneut anhören oder per Tastatur durchgehen. Das verlangsamt die Nutzung deutlich, besonders bei wiederholten Besuchen.

  • Kontaktformular ist für Screenreader und Tastatur schwer nutzbar

    Die Eingabefelder für Name und E-Mail haben kein autocomplete, und die Formularstruktur ist nicht sauber mit den Meldungen verbunden. Zusätzlich sind die Eingabefelder visuell nur schwach vom Hintergrund abgesetzt.

    Auswirkung: Ich kann Formulardaten nicht komfortabel eingeben und erkenne Eingabefelder schlechter. Das macht das Ausfüllen fehleranfälliger und anstrengender.

  • Nicht-Text-Bedienelemente sind schlecht erkennbar

    Slider-Buttons und nicht aktive Paginierungspunkte haben zu wenig Kontrast zum Hintergrund. Dadurch sind diese Bedienelemente schwer zu erkennen.

    Auswirkung: Ich erkenne Klick- und Bedienelemente schlechter, besonders bei Sehschwäche oder ungünstigen Lichtverhältnissen. Das erschwert es mir, die Slideshow sicher zu bedienen.

  • Textabstände können Inhalte überlappen lassen

    Wenn Nutzer Textabstände anpassen, überlappen sich im Bereich „Auf einen Blick“ die Listenpunkte. Die Darstellung bricht dann sichtbar auseinander.

    Auswirkung: Ich kann die Inhalte mit meinen eigenen Leseeinstellungen nicht mehr sauber erfassen. Das kann dazu führen, dass ich Textteile verwechsle oder einzelne Punkte nicht mehr lesen kann.

  • Hilfsangebote für unterschiedliche Nutzergruppen fehlen

    Es gibt keine Erklärung in Leichter Sprache und kein Gebärdensprachvideo. Auch ein Feedback-Mechanismus zur Meldung von Barrieren fehlt.

    Auswirkung: Wenn ich Informationen vereinfacht brauche oder gehörlos bin, finde ich keine passende Unterstützung. Ich kann Barrieren außerdem nicht direkt melden und bekomme dadurch weniger Hilfe bei Problemen.

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
Browser
Google Chrome Version 121.0.6167.185 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.jugendopposition.de/ Web-Angebot öffnen
  • https://www.jugendopposition.de/149285/volltextsuche?suchwort=Freiheit&suchen=Suchen
  • https://www.jugendopposition.de/kontakt/
  • https://www.jugendopposition.de/zeitzeugen/
  • https://www.jugendopposition.de/system/files/dokument_pdf/1_Wahl50SchuelerFinal.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Die Bilder im Slider und die darunterliegenden Artikel besitzen keinen Alternativtext. Die beiden Footer-Logos fehlen ebenfalls. In der Metanavigation werden dekorative senkrechte Striche einem Screenreader ausgegeben und sollten entsprechend gekennzeichnet werden. Das Captcha im Kontaktformular bietet keine alternative Ausgabe. Die letzten drei Social-Media-Links und das Suchen-Icon erzeugen über ::before Zeichen und sollten als dekorativ beschrieben werden.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Alle Seiten: Es fehlt die Auszeichnung der Page-Region <main>, es gibt mehrere Navigationsbereiche ohne aria-labels/aria-labelledby, Pflichtfeldmarkierung und Fehlermeldungen im Kontaktformular sind nicht korrekt angebunden.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Alle Seiten: Inhalt wird in Screenreader-Reihenfolge mit Hauptnavigation vor Metanavigation ausgegeben. Start- und Inhaltsseite: Nutzer müssen durch alle Slider-Inhalte inklusive Hidden Slides gelangen, eine Paginierung zur Navigation fehlt, Bedienelemente sind per Tastatur/Screenreader nicht erreichbar.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Kontaktformular: Die Felder „name“ und „e-mail“ haben kein autocomplete-Attribut.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Alle Seiten: Innerhalb von Texten werden Links ausschließlich über Farbe dargestellt. Der aktive Menüpunkt hat keinen Kontrastunterschied von mehr als 3:1 (1:1).
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Kontaktformular-Eingabefelder weisen nur 1,5:1 Kontrast zum Hintergrund auf (Vorgabe 3:1). Nicht aktive Paginierungspunkte auf Inhaltsseite 2,1:1. Slider-Buttons auf Startseite 2,1:1.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Inhaltsseite: Bei Anpassung der Textabstände überlappen sich die Listenpunkte im Bereich „Auf einen Blick“.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Das eingeblendete Sucheingabefeld lässt sich weder per ESC-Taste noch über das Lupen-Icon schließen.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite und Inhaltsseite: Die Slider- Vor/Zurück-Pfeile sowie Paginierungspunkte sind mit Tastatur und Screenreader nicht erreichbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Auf den Seiten fehlen Sprunglinks am Seitenanfang.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Bild, Überschrift und Teasertext teilen sich Linkziel, was Screenreader-Nutzer überraschen kann. Suche: Auch nicht sichtbare Bereiche (Paginierung, Text, „weiter lesen“-Link) werden ausgegeben und sind über Tab erreichbar.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Alle Seiten: Das Logo im Header verfügt über keine Linkbeschreibung, Screenreader geben die URL aus. Startseite: Slider-Buttons „Zum Thema“ sind nicht eindeutig beschriftet.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Der Tastaturfokus auf den Seiten ist nicht sichtbar.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht bestanden Kontaktformular: Bei fehlerhafter Eingabe einer E-Mail-Adresse erhält der Nutzer keinen Korrekturvorschlag.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Alle Seiten: Der aktive Menüeintrag fehlt die Auszeichnung (aria-current="page"). Das Suchen-Icon in der Metanavigation ist als Link implementiert, obwohl es einen Schalter darstellt.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Die Vorgaben nach BGG sehen eine Erklärung vor. Auf dem geprüften Webauftritt ist eine entsprechende Seite vorhanden, jedoch wurde das Vorhandensein als nicht bestanden bewertet.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Die Vorgaben nach BGG sehen einen Feedback-Mechanismus vor, der nicht vorhanden ist.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Es existiert keine Seite mit Erläuterungen in Leichter Sprache laut BITV 2.0.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Es gibt keine Seite mit Erläuterungen in Gebärdensprache laut BITV 2.0.
B.1
PAC Test ergibt PDF/UA-konform 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		im Wesentlichen bestanden Startseite: Die Slider-Pfeile sind mit „b“ für zurück und „a“ für vor beschrieben, was nicht sinnvoll verständlich ist.

Bestanden

Kriterium Status Notizen
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.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		bestanden Hinweis: Der Text im Bereich „Auf einen Blick“ erreicht nur ein Kontrastverhältnis von 4,4:1 statt geforderter 4,5:1.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		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.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		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.4
Bewegungsaktivierung ist verzichtbar 		bestanden –
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden –
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte 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.1
Fehlermeldungen sind in Textform vorhanden 		bestanden –
WCAG 3.3.2
Label enthalten Eingabehinweise 		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 –

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.2.2
Aufgezeichnete Videos besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht anwendbar

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