Staatliches Gutachten zur digitalen Barrierefreiheit

www.trau-dich.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Bedienung und Tastatur funktionieren grundsätzlich, aber fehlerhafte Struktur, Skip-Links, Formulare und teils irreführende Alternativtexte beeinträchtigen die Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Grundlegende Kontrast- und Zoomanforderungen sind erfüllt, jedoch sind Links nur farblich unterscheidbar und es gibt Probleme mit responsivem Layout und Überlagerungen.

Hörbehinderung Fast barrierefrei

Audiovisuelle Inhalte sind umfassend mit Untertiteln und Alternativen versehen und es gibt ein Gebärdensprach-Video; nur kleinere allgemeine Usability-Probleme wirken indirekt mit.

Motorische Behinderung Weitgehend zugänglich

Die Seite ist voll tastaturbedienbar ohne Tastaturfallen und ohne komplexe Zeiger-Gesten, aber fehlerhafte Skip-Links und Fokusreihenfolge verursachen Mehraufwand.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation, klare Sprache und Leichte-Sprache-Angebot helfen, jedoch erschweren fehlende Suchfunktion, unklare Formulare und einige Layoutprobleme die Orientierung.

Neurodivergenz Weitgehend zugänglich

Es gibt keine Zeit- oder Animationszwänge und die Struktur ist weitgehend konsistent, aber fehlende Suchfunktion, Fokusprobleme und teils unklare Rückmeldungen können Überforderung oder Mehrbelastung verursachen.

Dokumentierte Barrieren

  • Suche nicht zuverlässig bedienbar im schmalen Layout

    Im responsiven Layout liegt der Suchen-Button außerhalb des sichtbaren Bereichs. Außerdem überlagern sich in den Suchergebnissen Texte und Kilometerangaben teilweise.

    Auswirkung: Ich kann die Suche unter Umständen nicht abschicken oder sehe wichtige Informationen nicht mehr richtig. Das macht die zentrale Suchfunktion auf kleinen oder stark vergrößerten Ansichten schwer nutzbar.

  • Formularfehler werden nicht gut wahrgenommen

    Auf der Formularseite sind Fehlermeldungen nicht mit den jeweiligen Eingabefeldern verknüpft. Außerdem werden sie im Screenreader-Modus nicht direkt ausgegeben, sodass ich sie erst im Lesemodus finde.

    Auswirkung: Ich bemerke Eingabefehler nicht sofort und weiß oft nicht, welches Feld ich korrigieren muss. Das erschwert das Ausfüllen des Formulars deutlich und verlängert den Prozess.

  • Fokus springt unübersichtlich durch die Seite

    Die Fokusreihenfolge ist an mehreren Stellen nicht stimmig, zum Beispiel im Header und in den Suchergebnissen. Außerdem bekommen manche Elemente doppelt Fokus oder der Fokus ist nach dem Absenden kurz nicht sichtbar.

    Auswirkung: Ich verliere beim Tabben die Orientierung und weiß nicht immer, wo ich gerade bin. Das kann Eingaben und Navigation deutlich verlangsamen oder verwirrend machen.

  • Formularfelder sind nur mit Platzhaltertext erklärt

    Die Eingabefelder auf der Formularseite sind nur über Placeholder beschriftet. Sobald ich zu tippen beginne oder der Platzhalter verschwindet, fehlt mir die sichtbare Orientierung.

    Auswirkung: Ich kann leichter falsche Angaben machen oder nicht mehr erkennen, was in ein Feld gehört. Das ist besonders für Menschen mit Gedächtnis- oder Konzentrationsproblemen belastend.

  • Skip-Links funktionieren nicht

    Die angebotenen Sprunglinks zum Überspringen wiederkehrender Bereiche funktionieren nicht. Ich kann also nicht zuverlässig direkt zum Hauptinhalt springen.

    Auswirkung: Ich muss mich jedes Mal durch die wiederkehrenden Seitenelemente arbeiten. Besonders mit Tastatur oder Screenreader kostet das unnötig Zeit und Kraft.

  • Suchergebnisse lassen sich schwer überblicken

    Auf der Suchseite sind die Treffer nicht als Liste aufgebaut und die Paginierung ist nur unklar beschriftet. Dadurch ist nicht sofort erkennbar, wie viele Ergebnisse es gibt und wie ich zwischen den Seiten wechseln kann.

    Auswirkung: Ich verliere bei den Suchergebnissen schnell die Orientierung und brauche länger, um die passende Beratungsstelle zu finden. Mit Screenreader oder Tastatur muss ich mich mühsamer durch die Treffer arbeiten.

  • Reihenfolge der Inhalte passt nicht zur sichtbaren Anordnung

    Auf mehreren Seiten stimmt die Reihenfolge, in der Inhalte vom Screenreader ausgegeben werden, nicht mit der sichtbaren Reihenfolge überein. Das betrifft zum Beispiel Header und Footer.

    Auswirkung: Ich springe beim Lesen zwischen Themen hin und her und verstehe die Seite schwerer. Dadurch kostet die Orientierung mehr Zeit und Konzentration.

  • Links im Fließtext sind schwer als Links erkennbar

    Mehrere Links im Text sind nur über Farbe unterscheidbar, und der Farbkontrast zur Umgebung ist zu gering. Damit ist nicht immer klar, was anklickbar ist.

    Auswirkung: Ich übersehe möglicherweise wichtige weiterführende Links oder erkenne sie erst spät. Für Menschen mit Sehschwäche oder Farbsehschwäche wird das Lesen anstrengender.

  • Schriftgrafiken sind nicht anpassbar

    Auf der Startseite werden Inhalte als Schriftgrafik bzw. Image-Map dargestellt. Diese Texte lassen sich nicht wie normaler Inhalt an meine Bedürfnisse anpassen.

    Auswirkung: Ich kann Text nicht so leicht vergrößern, umfließen lassen oder vom Hilfsmittel sauber erfassen lassen. Dadurch sind wichtige Inhalte schwerer lesbar und nutzbar.

  • Pflichtfeld-Hinweis kommt zu spät

    Der Hinweis zur Bedeutung des Sterns für Pflichtfelder steht erst am Ende des Formulars. Dadurch erfahre ich die Kennzeichnung nicht rechtzeitig beim Ausfüllen.

    Auswirkung: Ich muss Inhalte eventuell mehrfach korrigieren, weil ich die Pflichtfelder zu spät erkenne. Das macht das Formular unnötig kompliziert und fehleranfällig.

  • Suchergebnisse und Bedienelemente werden doppelt vorgelesen

    In den Suchergebnissen erhalten manche Inhalte mehrfach den Fokus, und mehrere Treffer haben jeweils zwei Links zum gleichen Ziel. Das führt zu unnötigen Wiederholungen bei der Bedienung.

    Auswirkung: Ich muss mehrmals dieselben Elemente durchgehen, obwohl sie zum gleichen Ziel führen. Das macht die Suche mühsamer und kann mich aus dem Arbeitsfluss bringen.

  • Fehlender Suchzugang für die Website-Inhalte

    Auf der Website ist keine Suchfunktion vorhanden. Dadurch kann ich Inhalte nicht gezielt nach Begriffen oder Themen durchsuchen.

    Auswirkung: Ich muss mich durch Navigation und Seitenbereiche klicken, auch wenn ich schon weiß, wonach ich suche. Bei umfangreichen Inhalten erschwert das die schnelle Orientierung erheblich.

  • Bild- und Icon-Texte werden teilweise falsch oder störend ausgegeben

    Einige Bilder und Icons haben unpassende oder störende Alternativtexte, zum Beispiel bei der Logo-Grafik und den Paginierungs-Icons. Auch Zeichen aus einer Imagemap werden vom Screenreader unnötig mit vorgelesen.

    Auswirkung: Ich bekomme beim Vorlesen unnötige oder irreführende Informationen und muss Inhalte besser herausfiltern. Das erschwert das Verstehen der Seite, vor allem mit Screenreader.

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 110.0.5481.97
Screenreader
NVDA 2022.4
Tools
PAC3 Test
  • www.trau-dich.de Web-Angebot öffnen
  • https://www.trau-dich.de/deine-hilfe/?tx_wwkindberat_fe1%5Baction%5D=list&tx_wwkindberat_fe1%5Bcontroller%5D=Entry&cHash=c551f8bde4f90f8de512515c437ccb9b#searchform
  • https://www.trau-dich.de/kontakt/
  • https://www.trau-dich.de/zum-mitnehmen/

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Suchseite: Der alt-Text der Logo-Grafik "Nummer gegen Kummer" im Inhaltsbereich entspricht nicht genau dem Logotext. * Suchseite: In der Paginierung der Suchergebnisse werden die "Zurück-" und "Weiter"-Icons (<<, >>), im linearen Lesemodus des Screenreaders, als "kleiner als - kleiner als" ausgegeben. * Alle Seiten: Mehrere dekorative Grafiken im Hintergrund sind nicht als Layoutgrafiken ausgezeichnet. => Ausgabe störend
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Suchseite: Die Funktion der Paginierung der Suchergebnisse ist durch die fehlende Beschriftung nicht gut erkennbar. * Suchseite: Die Suchergebnisse sind nicht als Liste angelegt. Hochkontrast * Formularseite: Die Fehlermeldungen sind mit den dazugehörigen Formularfeldern nicht verknüpft. * Formularseite: Die jeweilige Fehlermeldung ist als Liste mit nur einem Eintrag ausgezeichnet. * Inhaltseite: Auf der Seite sind mehrere Abschnittsüberschriften nicht als solche ausgezeichnet.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Formularseite: Die Erläuterung zur Bedeutung des Sterns (Pflichtfelder*) befindet sich am Formularende. * Formularseite: Am Ende des Formulars wird ein unsichtbares Eingabefeld mit dem Label "Dieses Feld bitte nicht ausfüllen" vom Screenreader ausgegeben. * Alle Seiten: Auf den Seiten stimmt in einigen Bereichen (z.B. Header und Footer) die Ausgabereihenfolge der Inhalte durch den Screenreader nicht mit der visuellen Reihenfolge überein. * Alle Seiten: In der Imagemap im Linktext "Du darfst NEIN sagen", werden die "&quot"-Zeichen vom Screenreader ausgegeben.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden * Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden * Suchseite, Inhaltsseite: Links im Fließtext sind nur durch Farbe gekennzeichnet. (Der Kontrastabstand zwischen Linkfarbe und Textfarbe ist mit 2,8:1 zu gering)
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden * Startseite: Die Inhalte der Schriftgrafik (Image-Map mit Texten, z.B. "Du darfst NEIN sagen") können von Nutzern nicht an die individuellen Bedürfnisse angepasst werden.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Suchseite: Der Suchen-Button wird außerhalb des sichtbaren Bereichs angezeigt und ist dadurch nicht mehr bedienbar. In den Suchergebnissen überlagern die Linkeinträge zum Teil die Kilometerangaben.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Suchseite: Unterhalb des Suchformulars verdeckt der Text "Du suchst nach Beratungsstellen in der Nähe von" teilweise die Paginierung der Suchergebnisse.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Die auf den Seiten angebotenen vier Skip-Links funktionieren nicht.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Suchseite: Die Kilometerangaben in den Suchergebissen erhalten doppelt den Fokus. * Suchseite: In mehreren Suchergebnissen erhalten jeweils zwei Links mit dem gleichen Linkziel mit der Tabulatortaste den Fokus. * Formularseite: Der Fokus ist nach dem "Absenden"-Button für einen Tabschritt nicht sichtbar. * Alle Seiten: In der Metanavigation im Header ist die Fokusreihenfolge nicht korrekt, da zuerst der Link "Für Erwachsene" den Fokus erhält und danach erst der Link "Gebärdensprache".
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden * Formularseite: Die Eingabefelder sind nur mit einem Placeholder beschriftet.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		im Wesentlichen bestanden * Alle Seiten: In der Image-Map wird der Link des Jungen als "Elias Junge - Leon - Link Leon" ausgegeben.
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		im Wesentlichen bestanden * Alle Seiten: Es ist keine Suchfunktion in der Anwendung vorhanden.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden * Formularseite: Die Fehlermeldungen an den Formularelementen werden vom Screenreader (im Formularmodus) nicht ausgegeben. Ein Nutzer muss erst in den linearen Lesemodus wechseln.

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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		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.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.7
Tastaturfokus ist sichtbar 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		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

Nicht anwendbar

Kriterium Status
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht anwendbar

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