Gutachten

THW-Jugend

Website nicht konform Prüfung vom 12.05.2021 ID: #858
Freizeit Sicherheit öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

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

Technische Umgebung

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

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

Blindheit

Kaum nutzbar

Wichtige Alternativtexte, Rollen, Namen und Tastaturbedienbarkeit fehlen oder sind fehlerhaft, wodurch Screenreader-Nutzung stark eingeschränkt ist.

Sehbehinderung

Kaum nutzbar

Unzureichende Text- und Fokuskontraste sowie Probleme bei 200 % Zoom beeinträchtigen Erkennbarkeit und Bedienbarkeit massiv.

Hörbehinderung

Mit Hindernissen nutzbar

Inhalte sind überwiegend textbasiert nutzbar, aber fehlende Gebärdensprachinhalte und Erklärvideos mindern die Zugänglichkeit.

Motorische Behinderung

Kaum nutzbar

Nicht vollständig tastaturbedienbare Bedienelemente, schlechte Fokusreihenfolge und schwer sichtbarer Fokus erschweren die Nutzung stark.

Lernbehinderung

Kaum nutzbar

Fehlende Leichte Sprache, unklare Fehlermeldungen und schwache Strukturierung der Inhalte stellen hohe kognitive Anforderungen.

Neurodivergenz

Mit Hindernissen nutzbar

Inkonsistente Struktur, Hover-Menüs ohne einfache Schließmöglichkeit und teils überfrachtete Formulare können Orientierung und Fokus erschweren.

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
  • www.thw-jugend.de

Empfehlung & Status

Empfehlung

Verbessern Sie fehlende Textalternativen, korrigieren Sie die Überschriftenhierarchie und Formularsemantik, beseitigen Sie falsche Kontraste sowie Fokusdarstellungen und stellen Sie eine durchgängige Tastaturbedienbarkeit sicher. Ergänzen Sie darüber hinaus die rechtlich geforderten Seiten zur Erklärung zur Barrierefreiheit, zum Feedback, in Leichter Sprache und in Gebärdensprache sowie die Barrierefreiheit eingebundener Dokumente.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Wirklich alle interaktiven Grafiken benötigen erklärende Alternativtexte oder aria-labels, z. B. für Such-, Menü- und Logoelemente, damit Screenreader den Zweck der Bedienelemente benennen können.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die hierarchische Überschriftenstruktur ist inkonsistent, sodass camouflierte Überschriften in Fußbereich und Hauptinhalt falsch verschachtelt sind; korrigieren Sie die Struktur (H1/H2/H3) entsprechend der logischen Gliederung.
9.1.3.5
Eingabezweck bestimmen 		nicht bestanden Formularfelder auf der Seite „Mitglied werden“ haben kein autocomplete, deshalb kann assistive Software den Zweck der Felder nicht eindeutig identifizieren; ergänzen Sie die passenden autocomplete-Werte.
9.1.4.3
Kontrast (Minimum) 		nicht bestanden Mehrere Texte und Links (z. B. orange Buttons, blaue Links) weisen nur 2,2:1 bis 3:1 auf; der Kontrast muss mindestens 4,5:1 (bzw. 3:1 für große fetten Text) erreichen.
9.1.4.4
Textgröße ändern 		nicht bestanden Beim Zoomen auf 200 % wird das Navigations-Icon vom Logo überlagert und ist nicht mehr mit Maus/Kontrollgesten erreichbar; stellen Sie sicher, dass Bedienelemente verschiebbar bleiben und keine Inhalte verdecken.
9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Der Rahmen des Suchfeldes und das grafische Suchbedienelement heben sich mit nur 2,3:1 vom Hintergrund ab; passen Sie Farben an, damit der Kontrast mindestens 3:1 beträgt.
9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus 		nicht bestanden Die per Mouse-Over eingeblendeten Menüs lassen sich weder über die Escape-Taste noch über das auslösende Element wieder ausblenden, was eine Bedienung auf Tastatur unmöglich macht; sorgen Sie für einen Schließmechanismus per Escape.
9.2.1.1
Tastatur 		nicht bestanden Der Schalter zur Cookie-Einstellung und die Filterelemente sind nicht per Tab erreichbar, sodass Tastaturnutzer keine Einstellungen vornehmen können; machen Sie die Steuerelemente vollständig fokussierbar.
9.2.4.7
Fokus sichtbar 		nicht bestanden Der Tastaturfokus ist nur durch den browserinternen Rahmen sichtbar, der kaum auffällt, und bei einigen Elementen fehlt der Kontrast vollständig; gestalten Sie einen deutlichen, kontrastreichen Fokusindikator für alle Links und Buttons.
9.2.5.3
Beschriftung (Label) im Namen 		nicht bestanden Verlinkte Grafiken werden nur über Bildinhalte repräsentiert, der zugängliche Name fehlt; weisen Sie Alternativtexte oder aria-labels zu, damit Spracheingabe die Bedienelemente eindeutig anspricht.
9.3.3.1
Fehlerkennzeichnung 		nicht bestanden Fehlermeldungen verschwinden, sobald das Feld fokussiert wird, und sind nicht dauerhaft an das Eingabefeld gekoppelt; zeigen Sie die Meldungen permanent an und verknüpfen Sie sie mittels aria-describedby.
9.4.1.1
Syntaxanalyse 		nicht bestanden Der W3C-Checker meldet zahlreiche HTML-Fehler und nicht wohlgeformte Tags; bereinigen Sie den Quelltext und achten Sie auf geschlossene Tags, saubere Verschachtelung und eindeutige IDs.
9.4.1.2
Name, Rolle, Wert 		nicht bestanden Die Filterelemente und Akkordeons verwenden span-Elemente ohne ARIA-Rollen, weshalb assistive Technologien weder Zustände noch Funktionen erkennen; setzen Sie semantische Elemente/ARIA-Attribute gemäß WAI-ARIA-Authoring Practices ein.
Zusätzliche Anforderung: Barrierefreiheit von Dokumenten
Barrierefreiheit von Dokumenten 		nicht bestanden Das untersuchte PDF weist keine korrekte Tag-Struktur auf, Tabellenüberschriften fehlen und Überschriften werden nicht erkannt; überarbeiten Sie das Dokument gemäß PDF/UA, damit Screenreader Kopfzeilen und Tabellenzellen korrekt interpretieren.
Zusätzliche Anforderung: Erklärung zur Barrierefreiheit
Erklärung zur Barrierefreiheit 		nicht bestanden Auf dem geprüften Auftritt fehlt eine Erklärung zur Barrierefreiheit mit Angaben zu nicht umgesetzten Bereichen, Gründen und Kontaktmöglichkeiten; schaffen Sie eine vollständig verlinkte Erklärung gemäß BGG.
Zusätzliche Anforderung: Feedback-Mechanismus (Erklärung zur Barrierefreiheit)
Feedback-Mechanismus 		nicht bestanden Obwohl eine elektronische Kontaktmöglichkeit vorhanden ist, wird diese weder erklärt noch in der Erklärung zur Barrierefreiheit verlinkt; nennen Sie den Mechanismus explizit und verlinken Sie auf die Kontaktstelle.
Zusätzliche Anforderung: Erläuterungen in Leichter Sprache
Erläuterungen in Leichter Sprache 		nicht bestanden Es existiert keine Seite mit leichter Sprache, die Navigation, wesentliche Inhalte und die Erklärung zur Barrierefreiheit darstellt; erstellen Sie eine textuelle Zusammenfassung gemäß BITV 2.0 Anlage 2.
Zusätzliche Anforderung: Erläuterungen in Gebärdensprache
Erläuterungen in Gebärdensprache 		nicht bestanden Es fehlen gebärdensprachliche Informationen und Videos zu Navigation, Inhalten und der Barrierefreiheitserklärung; stellen Sie geeignete Videoinhalte bereit und verlinken Sie diese deutlich.

Im Wesentlichen bestanden

Kriterium Status Notizen
9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Der Sprunglink zum Seitenanfang verschiebt zwar die Ansicht, aber der Fokus bleibt am Seitenende; setzen Sie den Fokus auf den Zielbereich, um den Sprung für Tastaturnutzer wirksam zu machen.
9.2.4.3
Fokus-Reihenfolge 		im Wesentlichen bestanden Hinweisboxen für Cookies befinden sich am Ende der Tab-Reihenfolge, Tastaturnutzer müssen daher zuerst durch den gesamten Inhalt navigieren; platzieren Sie die Steuerelemente früher oder setzen Sie den Fokus direkt dorthin.
9.3.3.2
Beschriftungen (Labels) oder Anweisungen 		im Wesentlichen bestanden Das Sternchen für Pflichtfelder wird erst am Formularende erklärt und Platzhalter ersetzen Beschriftungen, sodass Screenreader die Bedeutung nicht sofort erkennen; erklären Sie Kennzeichnungen am Formularanfang und verwenden Sie klassische label-Elemente.
9.3.3.3
Vorschlag bei Fehler 		im Wesentlichen bestanden Fehlermeldungen wie „Wert ist erforderlich“ sind nicht verständlich; geben Sie formulare Rückmeldungen wie „Tragen Sie eine E-Mail-Adresse ein.“ und „Bestätigen Sie Ihre Zustimmung.“ aus.