Staatliches Gutachten zur digitalen Barrierefreiheit

www.cannabispraevention.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Erfolgskriterien für Screenreader (Alt-Texte, Skip-Link, Fokusreihenfolge, Formular-Fehler, einige Labels und iframe-Beschriftung) sind nicht erfüllt, insgesamt aber weitgehend strukturiert und bedienbar.

Sehbehinderung Mit Hindernissen nutzbar

Kontrast und Textanpassung sind gut, aber Probleme bei 400%-Zoom, hellen Hintergrundfotos und teilweise schlecht sichtbarem Fokus schränken die Nutzbarkeit deutlich ein.

Hörbehinderung Fast barrierefrei

Multimedia ist kaum vorhanden bzw. nicht anwendbar und Gebärdensprache-Angebot ist vorhanden, daher nur geringe Einschränkungen.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung funktioniert, aber fehlender Skip-Link, nicht tastaturbedienbare Karussellnavigation, problematische Fokusreihenfolge und schwer erkennbarer Fokus erschweren die Nutzung deutlich.

Lernbehinderung Weitgehend zugänglich

Klare Sprache, konsistente Navigation und Leichte-Sprache-Angebot unterstützen, aber das automatisch laufende Karussell und einige unklare Linkzwecke können überfordern.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Steuerbarkeit des automatisch laufenden Karussells, Fokusprobleme und fehlender Skip-Link können vor allem für Menschen mit Aufmerksamkeits- oder Reizfilterschwierigkeiten belastend sein, trotz insgesamt klarer Struktur.

Veränderung

Aktuell angezeigt
10 gefundene Barrieren unverändert
6,4/10 Ø Schwere -0,1 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Karussell läuft weiter und lässt sich nicht sinnvoll stoppen

    Das Startseiten-Karussell spielt automatisch weiter und kann nicht ohne Beeinträchtigung anderer Bedienungen pausiert werden. Damit bleibt ständig bewegter Inhalt auf der Seite aktiv.

    Auswirkung: Ich werde abgelenkt oder verliere den Fokus auf den eigentlichen Inhalt. Für mich kann es schwer sein, die Seite in Ruhe zu lesen oder zu bedienen.

  • Bei starker Vergrößerung sind wichtige Kacheln nicht vollständig bedienbar

    Bei 400 Prozent Zoom sind auf der Seite mit den schwebenden verlinkten Piktogrammen nur das erste Element sichtbar und bedienbar. Dadurch werden weitere zentrale Einstiege wie Linksammlung, Infomaterialien und Beratung vor Ort praktisch verdeckt.

    Auswirkung: Ich kann wichtige Bereiche nicht mehr vollständig sehen oder anklicken. Das macht die Nutzung auf vergrößertem Bildschirm deutlich schwieriger oder verhindert sie teilweise.

  • Formularfehler werden für Screenreader nicht zuverlässig angekündigt

    Fehlermeldungen unter Eingabefeldern sind für assistive Technik nicht programmatisch ermittelbar. Wer das Formular falsch ausfüllt, bekommt die Hinweise möglicherweise nicht sicher mit.

    Auswirkung: Ich merke unter Umständen nicht, welche Eingabe falsch ist oder was ich korrigieren muss. Dadurch kann ich das Formular nicht erfolgreich absenden.

  • Skip-Link fehlt, dadurch ist die Seite mühsam zu bedienen

    Auf allen Seiten gibt es keinen Sprunglink direkt zum Hauptinhalt. Wer mit Tastatur oder Screenreader arbeitet, muss sich jedes Mal durch wiederkehrende Bereiche tabben.

    Auswirkung: Ich brauche deutlich länger, um zum eigentlichen Inhalt zu kommen. Gerade bei mehreren Seiten hintereinander wird die Bedienung unnötig anstrengend.

  • Karussellnavigation ist per Tastatur nicht erreichbar

    Die Punkt- oder Strichnavigation unter dem Karussell kann nicht mit der Tastatur bedient werden. Damit ist ein Teil der Startseitensteuerung für Tastaturnutzende nicht zugänglich.

    Auswirkung: Ich kann das Karussell nicht gezielt umschalten oder kontrollieren. Wenn dort wichtige Inhalte stehen, bin ich auf Zufall oder automatische Abläufe angewiesen.

  • Ohne Textalternativen bleiben Bilder und Logos unklar

    Mehrere Bilder und Logos sind nicht so beschrieben, dass ihr Zweck verständlich wird. Auch im Karussell werden Inhalte nur über Bilder vermittelt, die für assistive Technik nicht sinnvoll erschlossen sind.

    Auswirkung: Ich kann den Inhalt oder die Funktion einzelner Bilder und Links nicht erkennen. Dadurch kann ich wichtige Informationen übersehen oder den falschen Link auswählen.

  • Fokusreihenfolge lenkt an die falschen Stellen

    Die Tastaturfokus-Reihenfolge ist an mehreren Stellen unlogisch. Beispielsweise wird in der Seitenleiste zuerst ein späterer Link fokussiert, und der Nach-oben-Link springt nicht sauber zu seinem Ziel.

    Auswirkung: Ich verliere beim Tabben die Orientierung und erreiche Inhalte nicht in der erwarteten Reihenfolge. Das kann dazu führen, dass ich Schritte wiederholen oder umständlich zurücknavigieren muss.

  • Suchseite ist bei Auswahl und Beschriftung nicht sauber lesbar

    Die Beschriftung der Auswahlliste „Ergebnisse pro Seite“ ist nicht programmatisch korrekt mit dem Feld verbunden. Für Nutzer von Hilfstechnologien ist dadurch nicht klar genug, welches Steuerelement gemeint ist.

    Auswirkung: Ich kann die Seitengröße der Suchergebnisse schwerer verstehen und ändern. Das erschwert besonders die Nutzung von Suchfunktionen.

  • Instagram-Einbettung ist für Screenreader nicht sinnvoll benannt

    Das eingebundene iframe für die Instagram-Seite hat keine Beschriftung. Dadurch ist nicht erkennbar, was dieser eingebettete Bereich enthält oder wofür er da ist.

    Auswirkung: Ich weiß beim Navigieren nicht, was mich in diesem Bereich erwartet. Das kostet Zeit und kann dazu führen, dass ich den Bereich überspringe oder falsch einschätze.

  • Eingabefelder für persönliche Daten sind nicht sauber ausgezeichnet

    Vorname, Name und E-Mail-Adresse haben keine passenden autocomplete-Angaben. Damit werden diese Felder für unterstützende Technologien und automatische Ausfüllhilfen weniger gut erkennbar.

    Auswirkung: Ich muss Daten häufiger manuell eingeben und bekomme weniger Unterstützung durch Hilfsmittel oder Browserfunktionen. Das ist umständlich und fehleranfälliger.

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 (chrome://version/)
Screenreader
NVDA 2024.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

07.08.2024 Vereinfachte Überwachung
angezeigtes 5 nicht bestanden 8 weitgehend 29 bestanden
03.07.2023 Vereinfachte Überwachung Gutachten ansehen
10 nicht bestanden 1 weitgehend 38 bestanden
  • https://www.cannabispraevention.de/ ⓘ Web-Angebot öffnen
  • https://www.cannabispraevention.de/service/suchergebnisse/?tx_solr%5Bq%5D=gesundheit
  • https://www.cannabispraevention.de/service/barrierfrei-report/
  • https://www.cannabispraevention.de/jugendliche/cannabis/was-ist-cannabis/
  • https://www.cannabispraevention.de/fileadmin/pagefiles/lehrer/BZgA_QS-Cannabispraevention_bf.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten > Kopfbereich: Alternativtext beschreibt nicht den Linkzweck. Dies gilt für beide Logos im Fußbereich. Startseite > Karussell: Abbildungen mit Sprechblasentext sind als dekorativ ausgezeichnet (siehe 2.4.4). Inhaltsseite: Bildunterschrift bezieht sich auf Foto, das als dekorativ ausgezeichnet ist.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Eingabefelder für Vorname, Name und E-Mail-Adresse sind nicht mit entsprechenden autocomplete-Attributen ausgezeichnet.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Das Karussell kann nicht pausiert werden, ohne Interaktion mit anderem Seiteninhalt zu verhindern.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Ein Skip-Link zum Inhalt ist nicht vorhanden.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: In Seitenleiste wird der link "Beratung vor Ort" zuerst fokussiert. Alle Seiten: Nach-oben-Link fokussiert kein Zielelement, nächster Tabschritt fokussiert "Erklärung zur Barrierefreiheit" und scrollt zurück. Formularseite: Nach "Abschicken"-Button ist ein nicht sichtbares fokussierbares Element mit Hinweis.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		im Wesentlichen bestanden Inhaltsseite: Der Zustand der visuell markierten aktuellen Seite im Untermenü "Alles über Cannabis" ist für assistive Technologie nicht ausgezeichnet. Kontrastmodus: Einige grafische Elemente sind nicht wahrnehmbar, wie Kennzeichnung externer Links und Relevanz-Balken. Große helle Hintergrundfotos im Kopfbereich verstärken den Blendeffekt.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		im Wesentlichen bestanden Schwebende verlinkte Piktogramme für Linksammlung, Infomaterialien und Beratung vor Ort sind bei 400% Zoom in 1280 x 1024 px Viewport nur das erste sichtbar und bedienbar.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		im Wesentlichen bestanden Startseite: Die Strichnavigation unter dem Karussell kann nicht mit der Tastatur bedient werden.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		im Wesentlichen bestanden Startseite > Karussell: "Zum Beitrag"-Links haben nur visuelle Kontextinformationen durch unbeschriftete Grafiken (siehe 1.1.1).
WCAG 2.4.7
Tastaturfokus ist sichtbar 		im Wesentlichen bestanden Formularseite: Fokusrahmen des "Abschicken"-Buttons ist vom Rahmen im nicht fokussierten Zustand kaum unterscheidbar.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden Formularseite: Fehlermeldungen unter Eingabefeldern sind für assistive Technologie nicht programmatisch ermittelbar.
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden Suchseite: Beschriftung "Ergebnisse pro Seite" ist für entsprechende Auswahlliste nicht programmatisch ermittelbar.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		im Wesentlichen bestanden Inhaltsseite: Das <iframe>-Element für die eingebundene Instagram-Seite ist nicht beschriftet.

Bestanden

Kriterium Status Notizen
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		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.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		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.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden Formale Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		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 Audio-Inhalte 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.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		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