Staatliches Gutachten zur digitalen Barrierefreiheit

www.drogenbeauftragte.de

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 06.09.2024 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A-Verstöße bei Alternativtexten, Semantik, Lesereihenfolge, Skip-Link, Fokusführung und Slider-Tastaturbedienung schränken Screenreader-Nutzer deutlich ein, machen die Seite aber nicht komplett unbenutzbar.

Sehbehinderung Mit Hindernissen nutzbar

Fehlende Kontraste bei Text und Bedienelementen, Probleme im Hochkontrastmodus, nicht sichtbarer oder schlecht sichtbarer Fokus und Layoutprobleme bei Umbruch beeinträchtigen die Nutzbarkeit stark.

Hörbehinderung Weitgehend zugänglich

Fehlende Untertitel und Alternativen für Videos sind problematisch, gleichzeitig sind sonstige Inhalte, Gebärdensprache-Video und Textinformationen grundsätzlich gut zugänglich.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzliche Tastaturbedienbarkeit ist gegeben, aber Slider-Fehler, nicht schließbare Menüs, erzwungene Durchläufe durch Untermenüs und ein nicht funktionierender Skip-Link erschweren die Nutzung deutlich.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation, klare Labels, Fehlerhilfen, Leichte-Sprache-Angebot und fehlende komplexe Interaktionen unterstützen, während Strukturfehler und unübersichtliche Fokusreihenfolgen die Orientierung etwas erschweren.

Neurodivergenz Weitgehend zugänglich

Fehlende Zeitdruck- und Animationsprobleme sowie konsistente Benennung sind positiv, aber Fokus-Sprünge, automatische Untermenüs und Kontrastprobleme können Konzentration und Orientierung merklich beeinträchtigen.

Veränderung

Aktuell angezeigt
12 gefundene Barrieren
6,8/10 Ø Schwere
Gutachten ansehen
10 gefundene Barrieren -2 zur vorherigen Prüfung
6,4/10 Ø Schwere -0,4 zur vorherigen Prüfung
Gutachten ansehen
10 gefundene Barrieren unverändert
5,7/10 Ø Schwere -0,7 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Slider ist per Tastatur fehlerhaft bedienbar

    Der Slider auf der Startseite reagiert bei Tastaturbedienung fehlerhaft; nach 'Weiter' erscheint nur eine weiße Fläche statt des nächsten Inhalts. Zusätzlich ist der Fokus im Slider nicht gut sichtbar.

    Auswirkung: Ich kann die Kampagnen- oder Inhaltsvorschau nicht zuverlässig durchblättern. Für mich ist ein zentraler Seiteneinstieg damit praktisch gestört.

  • Wiederkehrende Bereiche können nicht übersprungen werden

    Es gibt zwar einen Skip-Link zum Inhalt, er funktioniert aber nicht. Dadurch muss ich die wiederkehrende Navigation und andere Seitenelemente immer wieder vollständig durchlaufen.

    Auswirkung: Ich brauche deutlich länger, um zu den eigentlichen Inhalten zu gelangen. Besonders bei Tastatur- oder Screenreader-Nutzung ist das sehr belastend.

  • Videos ohne Untertitel und ohne Alternative

    Für aufgezeichnete Audio- und Video-Inhalte fehlen Untertitel oder eine inhaltliche Alternative. Ein Video auf einer Inhaltsseite hat außerdem keine Audiodeskription.

    Auswirkung: Wenn ich schwer höre oder das Video nicht komplett verfolgen kann, verpasse ich wesentliche Informationen. Visuelle Inhalte bleiben für mich nur teilweise oder gar nicht nachvollziehbar.

  • Wichtige Bereiche sind semantisch schlecht strukturiert

    Mehrere Seiten haben fehlende oder falsche Überschriften, unklare Navigationsbezeichnungen und nicht korrekt ausgezeichnete Listen. Außerdem fehlt ein klarer Hauptbereich, und der Cookie-Banner wird vom Screenreader erst sehr spät ausgegeben.

    Auswirkung: Ich kann Seitenstruktur und Navigation schlechter verstehen und deutlich langsamer erfassen. Für mich wird das Auffinden von Inhalten und das Orientieren auf der Seite unnötig erschwert.

  • Kontrast und Sichtbarkeit sind an mehreren Stellen unzureichend

    Texte und Bedienelemente haben an mehreren Stellen zu wenig Kontrast, zum Beispiel im Slider, beim Sprachlink EN und bei der Suche. Im Hochkontrastmodus sind einige Rahmen und Bedienelemente außerdem schlecht erkennbar.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter lesen oder finden, besonders bei Sehschwäche oder im Hochkontrastmodus. Dadurch wird die Seite an mehreren Stellen mühsam und fehleranfällig.

  • Fokusreihenfolge erschwert die Bedienung und Orientierung

    Der Fokus springt an mehreren Stellen unerwartet, zum Beispiel nach einer Suche wieder an den Seitenanfang oder im Video-Player auf den ganzen Player statt auf sinnvolle Bedienelemente. Auch Cookie-Layer und Untermenüs werden in einer ungünstigen Reihenfolge erreicht.

    Auswirkung: Ich verliere den Kontext und muss mich häufiger neu orientieren. Für mich wird das Bearbeiten von Suche, Navigation und Medieninhalten deutlich umständlicher.

  • Fokus ist nicht zuverlässig sichtbar

    Bei mehreren Elementen ist der Tastaturfokus kaum oder gar nicht zu sehen, etwa bei Bildern, dem Videoplayer oder dem 'nach oben'-Button. Dadurch ist nicht klar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann mit Tastatur leicht den Überblick verlieren und versehentlich falsche Aktionen auslösen. Das macht die Bedienung unsicher und langsam.

  • Teaserbilder ohne sinnvolle Alternativtexte

    Mehrere verlinkte Bilder auf der Startseite haben keine aussagekräftige Textalternative. Dadurch wird der Inhalt und das Ziel der Links für mich nicht verständlich, wenn ich Bilder nicht sehen kann.

    Auswirkung: Ich kann wichtige Einstiegsthemen und verlinkte Inhalte nur schwer oder gar nicht erkennen. Als Screenreader-Nutzer muss ich raten, wohin ein Bildlink führt.

  • Inhalte brechen im Umbruch nicht sauber um

    Auf einer Inhaltsseite werden in klappbaren Abschnitten Texte nicht vollständig sichtbar, wenn das Layout enger wird. Dadurch gehen Informationen im sichtbaren Bereich verloren.

    Auswirkung: Ich muss stärker scrollen oder Inhalte mehrfach suchen, um alles lesen zu können. Für mich kann das einzelne Textabschnitte praktisch unvollständig machen.

  • Untermenüs lassen sich per Tastatur nicht sauber schließen

    Im Hauptmenü können geöffnete Untermenüs per Mouseover oder Tastatur nicht mit Esc geschlossen werden. Dadurch bleiben ausgeklappte Bereiche offen und ich muss sie anders verlassen.

    Auswirkung: Ich verliere leichter die Orientierung und muss mehr Tastenbewegungen machen. Wenn ich mit Tastatur arbeite, wird die Navigation unnötig anstrengend.

  • Seiteninhalte sind für Assistive Technologien teils falsch benannt

    Einige Slider-Elemente werden nur als 'Schalter Seite 0' oder 'Schalter Seite 1' ausgegeben, und Servicenavigationspunkte sind nicht sauber in eine passende Menüstruktur eingebunden. Dadurch ist die Rolle einzelner Elemente nicht klar erkennbar.

    Auswirkung: Ich kann Bedienelemente schwerer verstehen und unterscheiden. Das erschwert mir die Navigation mit Screenreader deutlich.

  • Technische Syntaxfehler können die assistive Nutzung stören

    Auf fast allen Seiten wurden Syntaxfehler festgestellt. Solche Fehler können dazu führen, dass Assistive Technologien Inhalte nicht immer zuverlässig interpretieren.

    Auswirkung: Ich kann nicht sicher sein, dass alle Inhalte korrekt vorgelesen oder in der richtigen Struktur angeboten werden. Das kann einzelne Bereiche unzuverlässig machen.

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 100.0.4896.127
Screenreader
NVDA 2021.3.5

Veränderung nach WCAG-Kriterien

06.09.2024 Vereinfachte Überwachung Gutachten ansehen
9 nicht bestanden 2 weitgehend 33 bestanden
09.08.2023 Vereinfachte Überwachung Gutachten ansehen
10 nicht bestanden 1 weitgehend 38 bestanden
20.07.2022 Vereinfachte Überwachung
angezeigtes 16 nicht bestanden 1 weitgehend 37 bestanden
  • www.drogenbeauftragte.de Web-Angebot öffnen
  • https://www.bundesdrogenbeauftragter.de/suche/?tx_indexedsearch_pi2%5Baction%5D=search&tx_indexedsearch_pi2%5Bcontroller%5D=Search&cHash=0c1caf924291d15f0b1081fa7fa885c2 ⓘ
  • https://www.bundesdrogenbeauftragter.de/impressum/ ⓘ
  • https://www.bundesdrogenbeauftragter.de/cannabis-aber-sicher/ ⓘ
  • https://www.bundesdrogenbeauftragter.de/assets/Jahresbericht_2020/DSB_2020_final_bf.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Die verlinkten Teaserbilder besitzen keine aussagekräftigen alt-Texte.
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht bestanden –
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Inhaltsseite: Zu dem Video wird keine Alternative bereitgestellt.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden Inhaltsseite: Das Video hat keine Audiodeskription.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Im Bereich 'Zum Pressebereich' ist der Twitter-Link als Liste mit einem Eintrag ausgezeichnet, die Paginierungs-Links des Sliders sind nicht als Liste angelegt und die aktuelle Position ist mit dem Screenreader nicht erkennbar. Suchseite, Formularseite: Die Seite besitzt keine H1-Überschrift und die Überschriften der Suchergebnisse sind zusätzlich als Header-Regionen ausgezeichnet. Formularseite: In der Footernavigation wird der aktive Menüpunkt vom Screenreader nicht als aktiv ausgegeben. Inhaltsseite: Die Überschriftenhierarchie stimmt nicht, auf die H3 folgt eine visuell untergeordnete H2 und auf H1 folgt H3, im Fließtext und den klappbaren Abschnitten sind mehrere Auflistungen nicht als Liste ausgezeichnet. Alle Seiten: Die Navigationsregion im Kopf besitzt keine aussagekräftige Bezeichnung, die Sprachschalter DE und EN haben keine Beschriftung, die Nav-Region im Header beinhaltet die Suche semantisch falsch, es fehlt ein <main>-Element, mehrere Header- und Navigationsregionen besitzen keine beschreibende Bezeichnung; im Hochkontrastmodus sind Rahmen von Suche, Video-Player und Untermenü-Layern nicht sichtbar, die Lautstärkeanzeige und Bedienelemente des Video-Players sind nicht gut erkennbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Alle Seiten: Das Cookie-Banner wird erst am Ende der Seite vom Screenreader ausgegeben.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite: Im Slider 'Aktuelle Kampagnen und Initiativen' sind die Texte durch das geringe Kontrastverhältnis nicht gut lesbar. Suchseite, Formularseite: Der Link 'EN' hat zu geringen Kontrast. Inhaltsseite: Der Text im Video (bei pausierendem Video) ist wegen des geringen Kontrastverhältnisses nicht gut lesbar.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Inhaltsseite: Innerhalb der klappbaren Abschnitte werden mehrere Texte nicht mehr vollständig im sichtbaren Bereich angezeigt.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Die Bedienelemente des Sliders haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Suchseite: Der Rahmen des Sucheingabefeldes weist ein zu geringes Kontrastverhältnis zur Hintergrundfarbe auf.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Im Hauptmenü können per Mouseover oder Tab geöffnete Untermenüs mit der Esc-Taste nicht geschlossen werden.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Die Bedienung des Sliders mit der Tastatur erzeugt einen Fehler, nach Klick auf 'Weiter' wird nur eine weiße Fläche angezeigt und kein weiterer Slide.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Es wird nur ein Skip-Link zum Inhalt angeboten, dieser funktioniert aber nicht.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Im Inhaltsbereich erhalten je Teaser-Eintrag drei Links mit dem gleichen Ziel nacheinander Fokus. Suchseite: Nach erneuter Suche oder beim Öffnen der nächsten Ergebnisseite springt der Fokus zum Seitenanfang statt auf den ersten Eintrag. Inhaltsseite: Der gesamte Video-Player erhält Fokus. Alle Seiten: Untermenüs der Hauptnavigation öffnen sich automatisch und müssen durchlaufen werden, der 'Nach oben'-Link setzt den Fokus nicht an den Seitenanfang, der Cookie-Layer wird erst am Ende erreicht.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Der Fokus auf einigen Elementen wie dem großen Bild im Inhaltsbereich oder dem Twitter-Datenschutzlink ist nicht sichtbar, im Slider ist der Fokus auf dem aktiven Paginierungspunkt nicht sichtbar. Inhaltsseite: Der Fokus auf dem Rahmen des Videoplayers ist nicht sichtbar. Alle Seiten: Der Fokus auf dem 'nach oben'-Button ist nicht gut sichtbar.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Alle Seiten (außer Suchseite): Die Seiten enthalten Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Die Paginierungspunkte im Slider werden nur als 'Schalter Seite 0' und 'Schalter Seite 1' ausgegeben. Alle Seiten: Servicenavigationspunkte sind als role='menuitem' angelegt, aber keinem übergeordneten Element wie role='menubar' zugeordnet.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Suchseite: Im Titel fehlt nach erneuter Suche der Suchbegriff.

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		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.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		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.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		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.4
Linkzweck ist verständlich (im Kontext) 		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.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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		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

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