Staatliches Gutachten zur digitalen Barrierefreiheit

THW-Jugend

Nutzbarkeit mit unterschiedlichen Behinderungen

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.

Dokumentierte Barrieren

  • Fehlende Tastaturbedienbarkeit von Cookie-Einstellungen und Filtern

    Einige wichtige Steuerelemente wie der Cookie-Schalter und Filterelemente sind nicht per Tastatur erreichbar. Dadurch lassen sie sich nicht ohne Maus bedienen.

    Auswirkung: Ich kann Cookie-Einstellungen oder Filter nicht selbst anpassen, wenn ich nur die Tastatur nutze. Das kann zentrale Funktionen der Website für mich praktisch unbrauchbar machen.

  • Menüs bleiben bei Hover/Fokus nicht schließbar

    Aufgeklappte Menüs lassen sich nicht mit Escape oder über das auslösende Element wieder schließen. Dadurch kann ein geöffnetes Menü die weitere Bedienung blockieren.

    Auswirkung: Ich komme unter Umständen nicht mehr sinnvoll weiter, wenn ein Menü aufgeht und offen bleibt. Mit Tastatur kann ich dann Elemente hinter dem Menü kaum oder gar nicht erreichen.

  • Wichtige Bedienelemente werden bei 200 Prozent Zoom verdeckt

    Beim Vergrößern der Seite überlagert das Logo das Navigations-Icon. Dadurch ist die Navigation in dieser Ansicht nicht mehr gut erreichbar.

    Auswirkung: Wenn ich vergrößern muss, weil ich schlecht sehe, kann ich die Navigation möglicherweise nicht mehr öffnen. Das erschwert mir den Zugang zu zentralen Seiteninhalten stark.

  • Fokus ist kaum sichtbar

    Der Tastaturfokus ist nur schwach erkennbar, bei manchen Elementen fehlt ein klarer Kontrast ganz. Dadurch ist nicht gut nachvollziehbar, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere beim Tabben leicht die Orientierung. Dadurch kann ich versehentlich das falsche Element auswählen oder die Seite kaum gezielt bedienen.

  • Fehlende oder unklare Beschriftungen für Grafiken und Icons

    Mehrere interaktive Grafiken, etwa Suche, Menü oder Logo, haben keinen verständlichen Alternativtext oder zugänglichen Namen. Screenreader und Spracheingabe können ihren Zweck dadurch nicht zuverlässig erkennen.

    Auswirkung: Ich kann wichtige Schaltflächen nicht eindeutig erkennen oder ansprechen. Das erschwert mir besonders die Navigation und die Suche erheblich.

  • Mehrere Links und Texte haben zu geringen Kontrast

    Einige Texte, Links und Buttons sind farblich nur schwach vom Hintergrund abgesetzt. Dadurch sind sie schwer zu erkennen, besonders bei schlechter Sehfähigkeit oder ungünstigen Lichtverhältnissen.

    Auswirkung: Ich übersehe möglicherweise Links oder Bedienelemente, obwohl sie da sind. Das macht es mir schwer, Inhalte zu finden oder Aktionen sicher auszulösen.

  • Fehlermeldungen verschwinden zu früh und sind schlecht verknüpft

    Fehlermeldungen werden ausgeblendet, sobald ein Feld fokussiert wird, und sind nicht dauerhaft mit dem Feld verbunden. Dadurch können Nutzer die Fehlersituation leicht übersehen.

    Auswirkung: Ich weiß möglicherweise nicht mehr, was genau falsch war und was ich korrigieren soll. Das kann dazu führen, dass ich Formulare nicht erfolgreich absende.

  • Filter und Akkordeons sind nicht semantisch korrekt bedienbar

    Filterelemente und Akkordeons sind technisch nicht so ausgezeichnet, dass ihre Funktion und ihr Zustand klar erkennbar sind. Hilfstechnologien können sie daher nur eingeschränkt interpretieren.

    Auswirkung: Ich kann möglicherweise nicht erkennen, ob ein Bereich offen oder geschlossen ist oder welche Filter aktiv sind. Das erschwert mir das gezielte Arbeiten mit den Inhalten.

  • PDF-Dokument ist für Screenreader schlecht nutzbar

    Das eingebundene PDF hat keine saubere Struktur, Tabellenüberschriften fehlen und Überschriften werden nicht erkannt. Dadurch ist der Inhalt für Vorleseprogramme nur eingeschränkt zugänglich.

    Auswirkung: Ich kann die Dokumentinhalte nicht zuverlässig erschließen, besonders bei Tabellen und längeren Texten. Das kann mich daran hindern, wichtige Informationen aus dem Dokument zu nutzen.

  • Überschriftenstruktur ist uneinheitlich

    Die Überschriften auf der Seite sind nicht logisch und konsistent aufgebaut. Dadurch wird die Gliederung des Inhalts für Hilfstechnologien schwer nachvollziehbar.

    Auswirkung: Ich kann Inhalte schwerer überfliegen und Abschnitte schlechter finden. Das kostet mich Zeit und macht die Orientierung auf der Seite anstrengend.

  • Formularhinweise und Pflichtfeldkennzeichnung sind schwer verständlich

    Pflichtfelder werden erst spät erklärt und Platzhalter ersetzen echte Beschriftungen. Dadurch ist die Bedeutung der Felder nicht sofort klar.

    Auswirkung: Ich muss mehr raten, was ich eingeben soll und welche Felder Pflicht sind. Das kann besonders bei komplexeren Formularen zu Verwirrung und Abbrüchen führen.

  • Keine Gebärdensprachinformationen

    Es fehlen Informationen und Videos in Gebärdensprache zu Navigation, Inhalten und Barrierefreiheit. Für gehörlose Nutzer ist damit ein zentraler Zugangskanal nicht vorhanden.

    Auswirkung: Ich bekomme wichtige Hinweise zur Nutzung der Website nicht in meiner bevorzugten Sprache. Das kann dazu führen, dass mir Orientierung und Verständnis deutlich schwerer fallen.

  • Formularfelder ohne eindeutige Zweckangabe

    Auf dem Formular zur Mitgliedschaft fehlen passende Autocomplete-Angaben. Dadurch ist für assistive Technik nicht immer klar, wofür einzelne Felder gedacht sind.

    Auswirkung: Ich muss mehr selbst interpretieren und kann Eingaben leichter verwechseln. Das erhöht die Wahrscheinlichkeit von Fehlern und macht das Ausfüllen unnötig aufwendig.

  • Unverständliche Fehlermeldungen im Formular

    Die Rückmeldungen bei Eingabefehlern sind zu allgemein und sagen nicht konkret, was zu tun ist. Nutzer erhalten dadurch keine klare Hilfe beim Korrigieren ihrer Eingaben.

    Auswirkung: Ich muss selbst herausfinden, wie ich den Fehler behebe. Das macht das Ausfüllen mühsam und kann zu wiederholten Fehlversuchen führen.

  • Erklärung zur Barrierefreiheit fehlt

    Auf der Website fehlt eine gesetzlich erforderliche Erklärung zur Barrierefreiheit mit den nötigen Angaben und Kontaktinformationen. Nutzer finden dadurch keine zentrale Information zum Stand der Barrierefreiheit und zu Meldewegen.

    Auswirkung: Ich kann nicht einfach nachlesen, welche Barrieren bekannt sind und wie ich sie melden kann. Das erschwert mir, Probleme gezielt zurückzumelden oder alternative Wege zu finden.

  • Keine Inhalte in Leichter Sprache

    Es gibt keine Seite mit Informationen in Leichter Sprache zu Navigation, wesentlichen Inhalten und zur Barrierefreiheitserklärung. Damit fehlt ein wichtiges Unterstützungsangebot für viele Nutzergruppen.

    Auswirkung: Ich kann mir den Aufbau und die wichtigsten Inhalte der Website nicht so leicht erschließen. Das macht den Einstieg und das Verständnis für mich deutlich schwerer.

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 (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)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.

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