Gutachten

Deutscher Bundesjugendring (www.dbjr.de)

Website nicht konform Prüfung vom 10.06.2021 ID: #728
Politik private Organisation
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüforganisation
Materna Information & Communications SE
Stadt
Dresden
Prüfart
eingehende Überwachung

Technische Umgebung

  • OS: Windows 10 Enterprise (Version 1909)
  • Browser: Firefox (Version 88.0.1 / 89.0)
  • Screenreader: NVDA (Version 2020.4)
  • Auflösung: 1920 × 1080
  • Tools: Colour Contrast Analyser (Version 3.1.2), PDF Accessibility Checker 3 (Version 3.0.7.0)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

Blindheit

Kaum nutzbar

Fehlende Alternativtexte, unzureichende Semantik, keine Medienalternativen und Probleme bei Name/Rolle/Wert schränken Screenreader-Nutzung massiv ein.

Sehbehinderung

Mit Hindernissen nutzbar

Unzureichende Textkontraste und fehlende sichtbare Fokusmarkierung erschweren Orientierung, Vergrößerung und Lesen deutlich.

Hörbehinderung

Weitgehend zugänglich

Gehörlose können die Website überwiegend nutzen, aber fehlende Gebärdensprache und Medienalternativen für Videos mindern den Informationszugang.

Motorische Behinderung

Kaum nutzbar

Fehlende zuverlässige Tastaturbedienung, unsichtbarer Fokus und fehlerhafte Fokusreihenfolge machen eine Nutzung mit Tastatur oder alternativen Eingaben sehr schwierig.

Lernbehinderung

Mit Hindernissen nutzbar

Fehlende klare Struktur, unzureichende Formularkennzeichnung und keine Inhalte in Leichter Sprache erschweren Verständnis und Bedienung.

Neurodivergenz

Mit Hindernissen nutzbar

Mangelnde inhaltliche Struktur, fehlende Skiplinks und unklare Formularhinweise erschweren fokussierte und stressarme Nutzung.

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen
  • https://www.dbjr.de

Empfehlung & Status

Empfehlung

Die Webseite benötigt umfassende Nachbesserungen bei Alternativtexten und medialen Beschreibungen, verlässliche Tastatur- und Fokusführung, deutliche Tastaturmarkierungen und ausreichende Kontraste, eine semantisch korrekte Struktur sowie programmgesteuerte Labels. Zusätzlich müssen barrierefreie PDF-Dokumente, eine Erklärung zur Barrierefreiheit mit Feedback-Möglichkeiten sowie Inhalte in Leichter Sprache und Gebärdensprache bereitgestellt werden.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente 		nicht bestanden Der Suchbutton im Kopfbereich besitzt keinen Alternativtext; auch das verlinkte Logo beschreibt nicht das Ziel. Bitte aria-label oder versteckten Linktext ergänzen, der Funktion und Ziel kommuniziert.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte 		nicht bestanden Logos und Schriftgrafiken auf diversen Seiten sind mit leeren alt-Attributen eingebunden, wodurch Screenreader die Namen nicht vermitteln können. Ergänzen Sie sinnvolle Alternativtexte wie "Logo Arbeiter-Samariter-Jugend" oder den sichtbaren Text.
4.9.1.2.3
Audiodeskription oder Medienalternative (aufgezeichnet) 		nicht bestanden Das eingebundene Video ‘#WahlalterSenken’ enthält numerous Schriftgrafiken ohne Audiotranskription oder Volltextalternative, so dass blinde Nutzer den Inhalt nicht nachvollziehen können. Stellen Sie eine textliche Alternative oder Audiodeskription bereit mit Szenenbeschreibung und Textwiedergabe.
4.9.1.2.5
Audiodeskription (aufgezeichnet) 		nicht bestanden Es existiert keine Audiodeskription für das Video #WahlalterSenken, obwohl visuelle Informationen für das Verständnis erforderlich sind. Eine zusätzliche Audiodeskription oder alternative Inhaltsdarstellung ist notwendig.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		nicht bestanden Die Seiten Startseite, Mitgliedsorganisationen und Wahlalter senken weisen keine durchgehende H-Struktur auf; fehlende H1/H2 oder falsche Ebenen erschweren das Verständnis. Setzen Sie korrekte Überschriften (z. B. versteckte H1-Beschriftung, h2 für Organisationstitel, h3 für Unterpunkte).
4.9.2.1.1
Tastatur 		nicht bestanden Die Ausklappmenüs der Hauptnavigation lassen sich nicht über die Tastatur aufrufen; in der mobilen Ansicht fehlen viele Auswahlpunkte in der Tab-Reihenfolge. Ergänzen Sie Tastaturzugriff auf Untermenüs und zeigen Sie z. B. Bereichsmenüs oder Tastatur-Events.
4.9.2.4.1
Blöcke überspringen 		nicht bestanden Weder strukturierte Bereichsüberschriften noch Sprunglinks oder Landmarken ermöglichen es, wiederkehrende Bereiche (Navigation, Breadcrumb) zu überspringen. Markieren Sie Hauptnavigation und Breadcrumb mit nav/aria-label, ergänzen Sie Sprunglinks und Landmarken.
4.9.2.4.3
Fokus-Reihenfolge 		nicht bestanden Die Seitenleisten erscheinen in der linearen Darstellung nach dem Hauptinhalt; Subnavigation geht aus dem Fokus verloren. Ziehen Sie Menüs vor den Hauptinhalt oder platzieren Sie sie im DOM entsprechend der visuellen Reihenfolge und bieten Sie eine Rücksprungmöglichkeit.
4.9.2.4.7
Fokus sichtbar 		nicht bestanden Es gibt keine sichtbare Fokushervorhebung (die browsereigene Outline wurde entfernt), so dass Tastaturnutzer nicht erkennen können, wo der Fokus liegt. Entfernen Sie outline:none und definieren Sie mit :focus einen mindestens 3:1 kontrastierenden Rahmen.
4.9.2.5.3
Beschriftung (Label) im Namen 		nicht bestanden Graphische Links verwenden weder alt- noch title-Texte, sodass der zugängliche Name den sichtbaren Text nicht enthält. Ergänzen Sie aria-labels, die den sichtbaren Text beinhalten, damit Spracheingabe und Screenreader Konsistenz erhalten.
4.9.3.3.1
Fehlerkennzeichnung 		nicht bestanden Fehlermeldungen im Formular Wahlalter senken sind nicht programmatisch mit den Feldern verbunden. Verknüpfen Sie Felder mit aria-describedby, damit Screenreader die Identifikation von Fehlern ermöglichen.
4.9.3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Sternchen für Pflichtfelder werden nicht erklärt; es fehlen Hinweise zur Bedeutung der Kennzeichnung. Ergänzen Sie eine Erläuterung zu Beginn des Formulars, dass * Pflichtfelder kennzeichnet.
4.9.4.1.2
Name, Rolle, Wert 		nicht bestanden Interaktive Elemente wie Menübuttons sind als div/i mit Javascript umgesetzt und werden per Screenreader nur als Link vorgelesen. Verwenden Sie native button-Elemente mit aria-labels (z. B. „Hauptmenü öffnen“), damit Name, Rolle und Wert ermittelbar sind.
4.9.1.4.3
Kontrast (Minimum) 		nicht bestanden Textfarben wie die rote Hervorhebung auf Menüs und Buttons erfüllen das 4,5:1-Verhältnis nicht, das Problem betrifft insbesondere die aktive Hauptnavigation und Buttons auf Wahlalter senken. Erhöhen Sie den Kontrast auf ≥4,5:1 bei normalem Text.

Bestanden

Kriterium Status Notizen
4.9.1.3.1.b
HTML-Strukturelemente für Listen 		bestanden Listen und Menüs wurden korrekt mit den vorgesehenen HTML-Strukturelementen ausgezeichnet, sodass sie Screenreader nutzbar machen.

Verwandte Prüfungen

Deutscher Kurzfilmpreis

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 07.09.2023