Staatliches Gutachten zur digitalen Barrierefreiheit

www.dji.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Nutzung ist durch fehlende Alternativtexte, unklare Labels, mangelhafte Struktur und teils unzugängliche Navigation deutlich eingeschränkt, aber grundlegende Inhalte sind erreichbar.

Sehbehinderung Kaum nutzbar

Geringe Text- und Icon-Kontraste, Layoutprobleme beim Zoomen und überlagernde Elemente erschweren das Erkennen und Bedienen von Inhalten erheblich.

Hörbehinderung Weitgehend zugänglich

Multimedia ist mit Untertiteln und Alternativen gut unterstützt, jedoch fehlt ein Gebärdensprachvideo und Leichte Sprache zur vollständigen Barrierefreiheit.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturbedienung ist durch nicht aufklappbare Menüs, fehlende Skip-Links, unsichtbaren Fokus und fehlerhafte Tab-Reihenfolgen stark beeinträchtigt, Grundfunktionen sind aber vorhanden.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unvollständige Strukturierung und teils verwirrende Navigation erschweren Orientierung und Verständnis deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Skip-Links, problematische Fokusreihenfolge und überlagernde Layout-Elemente können Konzentration, Orientierung und Reizreduktion stark beeinträchtigen.

Dokumentierte Barrieren

  • Hauptmenü nicht per Tastatur aufklappbar

    Die Menüpunkte im Hauptmenü lassen sich mit der Tastatur nicht öffnen. Damit bleibt die Navigation auf der Startseite für Menschen ohne Maus unvollständig.

    Auswirkung: Ich kann Unterseiten aus dem Hauptmenü nicht erreichen, wenn ich nur die Tastatur nutze. Das blockiert mir den Zugang zu zentralen Inhalten und Bereichen der Website.

  • Fokusreihenfolge im Cookie-Banner und Menü fehlerhaft

    Der Fokus springt auf der Startseite in eine unpassende Reihenfolge: Cookie-Banner-Elemente erscheinen zu spät oder sogar im ausgeblendeten Zustand, und das geschlossene Seitenmenü wird vor dem Inhalt durchlaufen. Auch Ausklapp-Schaltflächen in Inhaltsseiten fehlen in der Tabreihenfolge.

    Auswirkung: Ich kann beim Navigieren mit der Tastatur an unerwarteten Stellen landen oder wichtige Bedienelemente verpassen. Das erschwert mir die Nutzung und kann einzelne Funktionen praktisch unzugänglich machen.

  • Tastaturfokus nicht sichtbar

    Auf der Startseite ist der aktuelle Tastaturfokus nicht erkennbar. Dadurch ist nicht sichtbar, welches Element gerade aktiv ist.

    Auswirkung: Ich weiß beim Bedienen mit der Tastatur oft nicht, wo ich mich gerade befinde. Das erhöht das Risiko, falsche Elemente auszulösen oder Orientierung zu verlieren.

  • Suchseite nicht vollständig bedien- und lesbar

    Auf der Suchseite überlappen mehrere Filter mit ihren Rändern, die Paginierung wird nicht vollständig angezeigt und Suchergebnisse sind nicht als Liste ausgezeichnet. Dadurch ist die Suchergebnisnavigation und Struktur eingeschränkt.

    Auswirkung: Ich kann Suchergebnisse schlechter erfassen und zwischen ihnen wechseln. Wenn die Seitennavigation abgeschnitten ist, kann ich nicht alle Ergebnisse erreichen.

  • PDF nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit fehlen wichtige Voraussetzungen für eine barrierefreie Struktur und Nutzung mit Hilfstechnologien.

    Auswirkung: Ich kann das Dokument je nach Hilfsmittel nur eingeschränkt oder sehr mühsam lesen und navigieren. Besonders bei offiziellen Publikationen kann mich das vom Inhalt effektiv ausschließen.

  • Zu geringer Kontrast bei Text und Bedienelementen

    Mehrere Texte und Bedienelemente haben zu wenig Kontrast, etwa graue Überschriften, die Menübeschriftung, der Suchfeldrahmen sowie Twitter- und RSS-Schaltflächen. Diese Inhalte sind dadurch schlechter erkennbar.

    Auswirkung: Ich kann Beschriftungen und Bedienelemente schwerer wahrnehmen, besonders bei schwachem Sehvermögen oder ungünstigen Lichtverhältnissen. Dadurch sinkt die Lesbarkeit und ich übersehe leichter wichtige Funktionen.

  • Links im Footer nicht als Links erkennbar

    Im Footer werden die Links nicht korrekt als solche erkannt. Dadurch ist ihre Rolle für assistive Technologien unklar.

    Auswirkung: Ich kann im Footer schlechter erkennen, welche Elemente anklickbar sind. Das erschwert mir die Navigation zu wichtigen Seiten wie Kontakt oder Impressum.

  • Keine Skip-Links vorhanden

    Auf den Seiten gibt es keine Sprunglinks, um wiederkehrende Bereiche zu überspringen. Dadurch muss man sich immer durch Kopfbereich und Navigation arbeiten.

    Auswirkung: Ich muss bei jeder Seite erst durch die wiederholten Seitenelemente tabben, bevor ich den eigentlichen Inhalt erreiche. Das kostet viel Zeit und macht die Nutzung deutlich mühsamer.

  • Inhalte überlappen bei angepassten Textabständen

    Auf der Suchseite überlagern sich Filtertexte mit den Elementrändern und der Text „Veröffentlichungen“ überlappt mit dem Seiteninhalt. Das zeigt, dass Layout und Textabstände bei Anpassungen nicht stabil bleiben.

    Auswirkung: Wenn ich größere Abstände oder angepasste Schrift nutze, werden Inhalte schwer lesbar oder teilweise verdeckt. Das erschwert mir das Verstehen und Nutzen der Suchseite.

  • Fehlende Alternativtexte für Icons

    Mehrere Icons auf der Startseite haben keine Alternativtexte, darunter Schriftgröße, Kontrast, Twitter, YouTube, RSS und „nach oben“. Diese Funktionen sind damit für Screenreader-Nutzende nicht verlässlich benannt.

    Auswirkung: Ich weiß nicht sicher, welche Funktion hinter einem Icon steckt. Dadurch kann ich Bedienungselemente übersehen oder falsch auswählen.

  • Suchfeld ohne verständliche Eingabehinweise

    Das Suchfeld wird vom Screenreader nur als einfaches Eingabefeld ausgegeben. Es fehlen klare Hinweise, wofür das Feld gedacht ist oder wie es zu benutzen ist.

    Auswirkung: Ich erkenne als Screenreader-Nutzer nicht sofort, was ich in das Feld eingeben soll. Das macht die Suche unnötig schwierig und kann zur Fehlbedienung führen.

  • Schwache Seitenstruktur durch fehlende H1 und fehlerhafte Überschriftenfolge

    Auf der Startseite fehlt eine H1-Überschrift, und auf einer Inhaltsseite ist die Überschriftenhierarchie fehlerhaft. Dadurch wird die Struktur der Inhalte schlechter vermittelt.

    Auswirkung: Ich kann mit einem Screenreader die Seite weniger gut über Überschriften erfassen und springen. Das erschwert Orientierung und schnelles Finden relevanter Inhalte.

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 116.0.5845.111
Screenreader
NVDA 2023.1
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
  • www.dji.de Web-Angebot öffnen
  • https://www.dji.de/suchergebnisse.html?tx_solr%5Bq%5D=jugendhilfe
  • https://www.dji.de/footer-navigation/impressum.html
  • https://www.dji.de/themen/queere-jugend/individualitaet-und-normvorstellungen.html
  • https://www.dji.de/fileadmin/user_upload/dasdji/publikationen/Brosch%C3%BCren_2023/Abschlussbericht_Ukraineforschung_am_DJI.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Mehrere Icons (z. B. Schriftgröße, Kontrast, Twitter, YouTube, RSS, "nach oben") besitzen keine alt-Texte.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Suchseite: Die Schrift von einigen Filtern überlappt die Ränder der jeweiligen Elemente; Suchseite: Die Paginierung wird nicht komplett auf der Seite dargestellt und kann daher nicht durchlaufen werden; Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet; Startseite: Die Seite enthält keine H1-Überschrift; Inhaltsseite: Die Überschriftenhierarchie stimmt nicht, auf H4 folgt H2.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Inhaltsseite: Der Kontrastabstand der grauen Überschriften im Bereich "Projekte" ist zu gering; Startseite: Der Kontrastabstand des Beschriftung des Seitenmenüs ist zu gering.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Startseite: Im Hauptmenü ist die Navigation eingeschränkt, da der scrollbare Bereich nur aus einer Zeile besteht; Der Header und die "nach oben" Schaltfläche überdecken einen großen Teil des sichtbaren Bereichs.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Der Kontrastabstand des Suchfelderahmens ist nicht ausreichend; Startseite: Die Kontrastabstände der Schaltflächen für Twitter und RSS sind nicht ausreichend.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Suchseite: Die Schrift von mehreren Filtern überlappt die Ränder der jeweiligen Elemente; Suchseite: Der Text "Veröffentlichungen" überlappt mit dem Seiteninhalt.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Die Menüpunkte im Hauptmenü können mit der Tastatur nicht aufgeklappt werden.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Auf der Seite werden keine Skip-Links zur Verfügung gestellt. Tastaturnutzer ohne Screenreader können somit wiederkehrende Bereiche nicht überspringen.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Die Elemente des Cookie-Banners werden erst nach dem Seiteninhalt erreicht; Startseite: Die Elemente des Cookie-Banners werden auch erreicht, wenn dieses ausgeblendet ist; Startseite: Die Elemente des geschlossenen Seitenmenüs müssen vor dem Seiteninhalt komplett durchgetabbt werden; Inhaltsseite: Die Schaltflächen zum Ausklappen von Paragraphen sind nicht in der Tabreihenfolge enthalten.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Der Tastaturfokus ist nicht sichtbar.
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		nicht bestanden Suchseite: Die Anzahl der Suchergebnisse beim Hinzufügen eines Filters wird vom Screenreader beim Durchtabben nicht ausgegeben.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden Startseite: Das Suchfeld wird vom Screenreader nur als "Eingabefeld" ausgegeben.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Die Seiten enthalten mehrere Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Die Links im Footer sind nicht als solche erkennbar.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden –
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das Dokument ist nicht PDF/UA-konform.

Bestanden

Kriterium Status
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.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden
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.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.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		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.2
Titel beschreiben Thema oder Zweck 		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.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.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

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