Staatliches Gutachten zur digitalen Barrierefreiheit

Jugendfreiwilligendienste

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Bedienung ist grundsätzlich möglich, aber gravierende Probleme bei Fokus, Name/Rolle/Wert und einigen dynamischen Inhalten erschweren die Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Kontraste und Skalierung sind meist gut, aber Probleme im High-Contrast-Mode und das fehlerhafte einspaltige Layout beeinträchtigen die Nutzbarkeit merklich.

Hörbehinderung Fast barrierefrei

Multimedia ist kaum vorhanden bzw. nicht relevant, Untertitel- und Audiopflichten sind nicht anwendbar und sonstige Barrieren für Gehörlose sind nicht erkennbar.

Motorische Behinderung Weitgehend zugänglich

Tastaturbedienung ohne Fallen ist gegeben, jedoch beeinträchtigen unsichtbarer Fokus und fehlerhafte Fokushervorhebung die sichere Bedienung für Motorik-Einschränkte.

Lernbehinderung Weitgehend zugänglich

Struktur, Beschriftungen und Fehlervermeidung sind überwiegend gut, aber unklare Fehlermeldungen und kleinere Navigationsprobleme können kognitiv herausfordernd sein.

Neurodivergenz Weitgehend zugänglich

Klare Struktur, konsistente Navigation und fehlende Zeitdruck- oder Animationsprobleme helfen, doch Fokus- und Sprachkennzeichnungsfehler können zu Verwirrung führen.

Dokumentierte Barrieren

  • Navigation im Hauptmenü bricht im kleinen Layout weg

    Wenn Inhalte in ein einspaltiges Layout umfließen, werden im Hauptmenü nur noch einzelne Einträge angezeigt. Wichtige Menüpunkte wie „Service“ oder „Träger und Einsatzstellen“ sind dann nicht mehr erreichbar oder nicht sichtbar.

    Auswirkung: Ich kann zentrale Bereiche der Website nicht zuverlässig finden oder öffnen. Gerade auf kleineren Bildschirmen oder bei starker Vergrößerung verliere ich damit wichtige Navigation.

  • Beschriftungen fehlen bei per Tastatur erreichbaren Elementen

    Auf der Startseite haben mehrere Links im Bereich „Logoband“ keine sicht- oder sprechbare Beschriftung, weil der Text erst beim Fokus dynamisch eingefügt wird. Auf der Kontaktseite gibt es außerdem ein unsichtbares, aber per Tab und Screenreader erreichbares Eingabefeld ohne Beschriftung.

    Auswirkung: Ich kann nicht erkennen, wohin ein Link führt oder was ich in ein Feld eingeben soll. Besonders mit Screenreader wird die Bedienung dadurch unklar und fehleranfällig.

  • Tastaturfokus ist teils unsichtbar

    Mehrere Elemente erhalten den Fokus, ohne dass ich das zuverlässig erkennen kann. Das betrifft zum Beispiel ein ausgeblendetes Eingabefeld auf der Kontaktseite, den „Nach oben“-Link und Teile der Startseiten-Diashow.

    Auswirkung: Ich weiß nicht sicher, wo ich mich gerade befinde und welche Aktion als Nächstes ausgelöst wird. Das macht die Bedienung per Tastatur unsicher und fehleranfällig.

  • Dynamische Inhalte sind für Screenreader schwer nachvollziehbar

    Im Bereich „Alle Meldungen“ wird der Zustand eines Links automatisch beim Fokussieren geändert, statt durch eine klare Bedienung. Die eingeblendeten Inhalte lassen sich mit dem Screenreader nur schwer erfassen und verschwinden wieder, sobald der Fokus weiterwandert.

    Auswirkung: Ich kann Inhalte nicht verlässlich prüfen oder lesen, bevor sie wieder ausgeblendet werden. Dadurch verpasse ich möglicherweise wichtige Informationen oder muss umständlich mehrfach navigieren.

  • Fehlermeldung bei Suche hilft nicht beim Korrigieren

    Auf der Suchergebnisseite müssen Suchbegriffe mindestens vier Zeichen lang sein, aber die Fehlermeldung nennt diese Regel nicht. Eine kürzere oder geänderte Suche wird dadurch nicht verständlich erklärt.

    Auswirkung: Ich verstehe nicht, warum meine Suche nicht funktioniert, und kann sie nicht gezielt korrigieren. Das kostet Zeit und kann mich daran hindern, passende Inhalte zu finden.

  • Startseiten-Links sind im hohen Kontrastmodus schlecht erkennbar

    Im Windows-Hochkontrastmodus sind Links auf Hintergrundbildern und einige Filter-Elemente schlecht oder gar nicht sichtbar. Dadurch sind wichtige Bedienelemente visuell schwer auffindbar.

    Auswirkung: Ich kann zentrale Bedienelemente möglicherweise nicht erkennen und deshalb nicht gezielt auswählen. Das betrifft vor allem Menschen, die auf hohe Kontraste angewiesen sind.

  • Englische Inhalte sind teilweise falsch als Deutsch ausgezeichnet

    Einige englischsprachige Seiten oder Inhalte sind mit der falschen Sprache markiert. Auch nach dem Sprachwechsel gibt es noch deutschsprachige Inhalte ohne korrekte Sprachauszeichnung.

    Auswirkung: Mein Screenreader kann die Inhalte in der falschen Sprache vorlesen oder die Sprachumschaltung nicht richtig berücksichtigen. Das macht englische Informationen schwer verständlich und anstrengend.

  • Texte auf der Startseite sind im Diashow-Bereich stellenweise schlecht lesbar

    In der Diashow der Startseite liegt weiße Schrift auf Hintergrundbildern mit teils zu geringem Kontrast. Dadurch ist ein Teil der Texte nur schwer zu erkennen.

    Auswirkung: Ich muss Inhalte länger suchen oder kann sie gar nicht lesen, besonders bei Sehschwäche oder auf ungünstigen Bildschirmen. Das erschwert den schnellen Zugriff auf zentrale Informationen der Startseite.

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 125.0.6422.142
Screenreader
NVDA 2024.1
Auflösung
WUXGA 1920 x 1200
Tools
NVDA, PAC3
  • https://www.jugendfreiwilligendienste.de/ Web-Angebot öffnen
  • https://www.jugendfreiwilligendienste.de/jugendfreiwilligendienste/206986!search?query=umwelt#search206986
  • https://www.jugendfreiwilligendienste.de/jugendfreiwilligendienste/meta/kontakt
  • https://www.jugendfreiwilligendienste.de/jugendfreiwilligendienste/jugendfreiwilligendienste/freiwilliges-oekologisches-jahr
  • https://www.jugendfreiwilligendienste.de/resource/blob/206572/b4a90db8ba4d401576e2c12425e98db9/traeger-fuer-foej-in-deutschland-data.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Inhalte brechen in einspaltiges Layout um nicht bestanden * Alle Seiten: Im Hauptmenü wird nur der erste Menüeintrag angezeigt ("Service" und "Träger und Einsatzstellen" werden nicht angezeigt)
Tastaturfokus ist sichtbar nicht bestanden * Kontakt: nicht sichtbar auf ausgeblendetem Eingabefeld zwischen Breadcrumb und Formular * Kontakt: "Nach oben"-Link erhält unsichtbar den Fokus, wenn Seite nicht scrollbar ist * Startseite: nicht sichtbar für 2 Tab-Schritte in der Diashow (auf tabpanel und verlinkter Überschrift)
Fehlermeldungen enthalten Korrekturvorschläge nicht bestanden * Suchergebnisse: Im Suchfeld auf allen Seiten kann eine beliebige Zeichenlänge eingegeben werden, auf der Suchergebniss-Seite müssen es jedoch mindestens 4 Zeichen sein (d.h. eine bereits getätigte Suche z.B. nach "FÖJ" kann nicht abgeändert ("FSJ") oder erneut abgesendet werden) - die Fehlermeldung erwähnt jedoch nicht die Mindestzeichenzahl, sondern sagt nur "Deine Eingabe muss mit dem geforderten Format übereinstimmen."
Name, Rolle und Wert sind identifizierbar nicht bestanden * Startseite: Die 3 Links im Bereich "Logoband" besitzen keine Beschriftung, weil der Linktext erst dynamisch bei Fokuserhalt mit TAB in den Link eingefügt wird * Kontakt: unsichtbares, aber mit TAB und Screenreader erreichbares Eingabefeld zwischen Breadcrumb und Formular besitzt keine Beschriftung * Hinweis: Startseite: Die Links unter "Alle Meldungen" sind mit aria-expanded ausgezeichnet, der Status kann jedoch nicht per Bedienung beim Link gesteuert werden; der Status wird automatisch bei Fokuserhalt mit TAB geändert (Einblenden bei TAB, Ausblenden beim Verlassen). Die eingeblendeten Inhalte können mit dem Screenreader nur wahrgenommen werden, wenn per TAB der Fokus auf den Link gesetzt und anschließend mit den Pfeiltasten gelesen wird

Im Wesentlichen bestanden

Kriterium Status Notizen
Informationen, Struktur und Beziehungen sind identifizierbar im Wesentlichen bestanden * Inhaltsseite und Suchergebnisse: Bedingte Trennung mit ­ beim Wort "Hintergrundmeldung" wird vom Screenreader ausgegeben * Startseite: Im Windows HCM sind in der Diashow die Links auf den Hintergrundbildern schlecht lesbar * Suchergebnisse: Im Windows HCM heben sich die Filter-Dialoge mangels Rahmen schlecht vom Hintergrund ab * Suchergebnisse: Im Windows HCM sind die transparenten Pfeil-Icons (z.B. bei den Filter-Schaltern) nicht sichtbar
Sinnvolle Lesereihenfolge ist gegeben im Wesentlichen bestanden * Suchergebnisse: Rubrik (wie "Hintergrundmeldung") im Quellcode vor der zugehörigen Abschnittsüberschrift
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) im Wesentlichen bestanden * Startseite: In der Diashow befindet sich weiße Schrift auf Hintergrundbildern mit Kontrasten stellenweise unter 3:1
Fokusreihenfolge ist aufgabenangemessen im Wesentlichen bestanden * unnötige Navigationsschritte z.B. auf ausgeblendetem Eingabefeld auf der Kontakt-Seite und auf tabpanel auf der Startseite * Startseite: Im Bereich "Hier erfährst Du mehr" verweist der Link "Mehr zum Thema" und die verlinkte Grafik auf die gleiche Seite
Sprache ist ausgezeichnet im Wesentlichen bestanden * Hinweis: Die englischsprachigen Seiten sind teilweise mit lang=de ausgezeichnet, z.B. https://www.jugendfreiwilligendienste.de/jugendfreiwilligendienste/meta/jugendfreiwilligendienste-en/general-information-on-youth-voluntary-services
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet im Wesentlichen bestanden * Startseite: Sprachwechsel beim Link "Youth Voluntary Services - Two ways to open up new perspectives" nicht ausgezeichnet * Hinweis: Nach dem Sprachwechsel ist die Startseite mit lang=en ausgezeichnet, aber einige Inhalte werden weiterhin deutschsprachig angezeigt - bei diesen ist der Sprachwechsel nicht ausgezeichnet
B.1
PAC3 Test ergibt PDF/UA-konform
im Wesentlichen bestanden * Anmerkungen ohne alternative Beschreibungen * DisplayDocTitle-Eintrag nicht gesetzt * Keine PDF/UA-Kennzeichnung

Bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Titel beschreiben Thema oder Zweck bestanden
Linkzweck ist verständlich (im Kontext) bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden * Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache ist vorhanden
bestanden * Hinweis: Text ist veraltet, siehe z.B. Erläuterung des Logos unter https://www.jugendfreiwilligendienste.de/jugendfreiwilligendienste/meta/leichte-sprache/2-aufbau-der-internet-seite-209066
A.4
Gebärdensprache-Video ist vorhanden
bestanden

Nicht anwendbar

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen nicht anwendbar
Aufgezeichnete Audio-Inhalte besitzen Untertitel nicht anwendbar
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht anwendbar
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht anwendbar
Automatisch abgespielte Audio-Inhalte sind steuerbar 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.