Staatliches Gutachten zur digitalen Barrierefreiheit

IJFD-Info

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Erfolgskriterien für Screenreader (Alternativtexte, Struktur/Regionen, aktive Menüpunkte, Karussell, Name/Rolle/Wert, Suchfeld-Beschriftung, Sprachwechsel) sind nicht erfüllt, die Seite bleibt aber grundsätzlich tastatur- und screenreaderbedienbar.

Sehbehinderung Mit Hindernissen nutzbar

Unzureichende Text- und Icon-Kontraste, unsichtbarer oder schwach sichtbarer Fokus, nur farbliche Hervorhebungen und problematische Tooltips erschweren die Nutzung für sehbehinderte Nutzer:innen erheblich.

Hörbehinderung Fast barrierefrei

Multimedia ist mit Untertiteln/Alternativen versehen und es gibt kaum hörbasierte Inhalte, sodass Gehörlose die Website weitgehend ohne Einschränkung nutzen können.

Motorische Behinderung Weitgehend zugänglich

Die Seite ist vollständig per Tastatur bedienbar und weist keine Tastaturfalle auf, aber Karussellbedienung, unsichtbare Fokusziele und fehlerhafte Fokusführung bei Formularfehlern erschweren die effiziente Nutzung.

Lernbehinderung Mit Hindernissen nutzbar

Kontextwechsel, Karussellinteraktionen, unklare Suchfeld-Beschriftung, Kontrastprobleme und nicht optimal geführte Fehlermeldungen erhöhen die kognitive Belastung, leichte Sprache ist jedoch vorhanden.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusreihenfolge, Karussellverhalten, schwer erkennbare aktive Zustände und nicht optimal gestaltete Fehler- und Suchfunktionen können für viele neurodivergente Nutzer:innen anstrengend sein, während ansonsten Struktur und Navigation überwiegend konsistent sind.

Dokumentierte Barrieren

  • Kontrastarme Texte und Symbole sind schwer lesbar

    Mehrere Texte, vor allem im Logo-Bereich und auf der Suchseite, haben einen zu geringen Kontrast zum Hintergrund. Auch die Navigationspfeile im Karussell sind nur schwach sichtbar.

    Auswirkung: Ich kann Text und Bedienelemente schlechter erkennen, vor allem bei Sehschwäche oder in ungünstigen Lichtverhältnissen. Dadurch werden Inhalte schwerer lesbar und einzelne Funktionen lassen sich leichter übersehen.

  • Suchergebnisse und Fehlerhinweise sind schwer verständlich

    Suchtreffer werden nicht als Liste strukturiert und einzelne Treffer sind schwerer zu erfassen. Bei Formularfehlern erscheint zudem eine englischsprachige Meldung und der Fokus landet auf dem Zurücksetzen-Button statt direkt am fehlerhaften Feld.

    Auswirkung: Ich muss mehr Aufwand betreiben, um Suchergebnisse zu überblicken und Eingabefehler zu korrigieren. Das kann zu Verwirrung führen und die erfolgreiche Nutzung von Suche und Kontaktformular verzögern.

  • Tastaturfokus ist an mehreren Stellen kaum sichtbar

    Der Fokus auf dem kombinierten Eingabefeld Anrede ist nicht sichtbar und die Fokusrahmen der Formularbuttons haben zu wenig Kontrast. Auch unsichtbare Fokusziele in der Tab-Reihenfolge erschweren die Orientierung.

    Auswirkung: Ich weiß nicht immer, welches Element gerade aktiv ist. Das erhöht die Gefahr von Bedienfehlern und macht die Nutzung per Tastatur langsamer und anstrengender.

  • Aktiver Menüpunkt ist für Screenreader und visuell kaum erkennbar

    Der aktuell gewählte Menüpunkt wird technisch nicht eindeutig angesagt und hebt sich visuell nur schwach vom Rest der Navigation ab. Dadurch ist der aktive Bereich der Seite nicht zuverlässig erkennbar.

    Auswirkung: Ich weiß nicht sicher, wo ich mich gerade auf der Website befinde. Das erschwert die Orientierung und kann dazu führen, dass ich Inhalte doppelt prüfe oder Navigationen unnötig wiederhole.

  • Karussell ist mit Tastatur und Screenreader schwer nutzbar

    Die Paginierung des Karussells ist nur mit den Zahlen 1, 2, 3 beschriftet und damit unklar. Zusätzlich lädt das Aktivieren von Karussell-Links nur den Bereich neu und setzt den Fokus zurück, was die Bedienung unnötig erschwert.

    Auswirkung: Ich kann schwer erkennen, welcher Slide gemeint ist und komme langsamer durch die Inhalte. Das kostet Zeit und kann dazu führen, dass ich wichtige Informationen im Karussell übersehe.

  • Aktive Hervorhebungen nur über Farbe erkennbar

    Der aktive Menüpunkt und die markierten Suchtreffer werden im Wesentlichen nur durch Farbe unterschieden. Ohne diese Farbinformation fehlt der klare Hinweis auf den aktuellen Zustand oder Treffer im Text.

    Auswirkung: Ich kann wichtige Markierungen leichter übersehen, wenn ich Farben schlecht wahrnehme oder einen Screenreader nutze. Dadurch wird die Orientierung in Navigation und Suche unsicherer.

  • Suchfeld ist ohne dauerhaft sichtbares Label schwer auffindbar

    Das Suchfeld ist nicht mit einer sichtbaren Beschriftung verbunden und nutzt nur einen Platzhalter als Hinweis. Sobald ich mit der Eingabe beginne, verschwindet dieser Hinweis und die Funktion ist schwerer zu erkennen.

    Auswirkung: Ich kann das Suchfeld leichter übersehen oder mich unsicher fühlen, ob ich im richtigen Feld bin. Das macht die Suche unnötig umständlich, besonders bei wiederholter Nutzung oder mit Hilfsmitteln.

  • Tooltips lassen sich nicht zuverlässig kontrollieren

    Hinweisfenster, die bei Fokus erscheinen, können nicht geschlossen werden, ohne den Fokus zu verlassen. Außerdem verschwindet der eingeblendete Inhalt sofort, wenn ich den Zeiger bewegen will.

    Auswirkung: Ich kann zusätzliche Hinweise nicht in Ruhe lesen oder mit dem Mauszeiger erreichen. Das kann Inhalte unzugänglich machen und die Bedienung unterbrechen, wenn der Tooltip wichtige Informationen enthält.

  • Formular-Buttons sind für Screenreader falsch beschrieben

    Die Schaltflächen im Formular sind als Werkzeugleiste ausgezeichnet, obwohl dort keine passende Pfeiltastennavigation vorhanden ist. Dadurch wird die Bedienung für Screenreader-Nutzende anders angekündigt als sie tatsächlich funktioniert.

    Auswirkung: Ich erwarte eventuell die falschen Tastaturaktionen und muss mich erst ausprobieren. Das macht das Absenden oder Zurücksetzen des Formulars unnötig kompliziert.

  • Sprache von englischen Inhalten wird falsch vorgelesen

    Englischsprachige Inhalte auf der Startseite sind nicht korrekt als Fremdsprache ausgezeichnet. Dadurch liest der Screenreader sie mit deutscher Aussprache vor.

    Auswirkung: Ich verstehe die betroffenen Textstellen schlechter oder gar nicht. Das stört besonders dann, wenn die englischen Inhalte wichtige Hinweise oder Verlinkungen enthalten.

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.77 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2023.3.1
Tools
NVDA 2023.3.1, PAC3
  • https://www.ijfd-info.de/startseite.html Web-Angebot öffnen
  • https://www.ijfd-info.de/index.php?id=17&tx_indexedsearch_pi2[action]=search&tx_indexedsearch_pi2[controller]=Search
  • https://www.ijfd-info.de/meta-navigation/kontakt.html
  • https://www.ijfd-info.de/ijfd.html

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten: Dekorative Grafiken werden durch den Screenreader ausgegeben. Alle Seiten: Die Logos werden mit zwei Beschriftungen ausgegeben: einmal mit deren Alternativtext und einmal mit dem title-Attribut des Links.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Mehrere Hauptüberschriften (<h1>) vorhanden (z.B. "Herzlich willkommen..." und "Kontakt"). Startseite: Überschriften im Karussell zusätzlich als Links definiert, Semantik nicht korrekt. Inhaltsseite: Mehrere Hauptüberschriften vorhanden (z.B. "Internationaler Jugendfreiwilligendienst (IJFD)", "Kontakt", "Externe Links zum Thema"). Startseite: Funktion der Paginierungselemente des Karussells durch unklare Beschriftung ("1, 2, 3") nicht erkennbar. Suchformular: Suchfeld "Suche nach" nicht mit visueller Beschriftung verknüpft. Suchformular: Visuelle Überschrift "Suchformular" nicht programmgemäß als solche definiert. Suchformular: Suchergebnisse nicht als Liste definiert. Alle Seiten: Der aktuell aktive Menüpunkt in der Navigation ist für den Screenreader nicht erkennbar. Alle Seiten: Mehrere Seitenregionen, inkl. Hauptregion, wurden als <header> definiert, ohne eindeutigen Namen. Hauptregionen fehlen. Startseite: Visuelle Zeilenumbrüche und Trennlinien werden ausgegeben.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Alle Seiten: Farbfehlsichtige Anwender:innen erkennen den aktuell aktiven Menüpunkt nicht direkt, weil der Kontrastabstand zwischen ausgewählten und nicht ausgewählten Menüpunkten 1,5:1 beträgt und Screenreader diese Information nicht ausgeben. Suchseite: Die hervorgehobenen Begriffe (z.B. "test") sind nur farblich (rot) markiert, was für blinde Anwender:innen nicht erkennbar ist.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Alle Seiten: Texte auf dem rechten Logo besitzen einen zu niedrigen Kontrastwert von 2:1 und sind schwer lesbar. Suchseite: Rotmarkierte Texte und Links in den Meta-Informationen eines Suchergebnisses haben einen zu niedrigen Kontrastabstand (3,88:1 und 4:1) zum Hintergrund und sind nicht gut lesbar.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Navigationspfeile im Karussell sind nur schwer erkennbar, weil sie einen zu niedrigen Kontrastabstand zum Hintergrund besitzen.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Tooltips können nicht geschlossen werden, ohne den Fokus vom Element wegzubewegen; der Zeiger kann nicht auf den zusätzlich eingeblendeten Inhalt bewegt werden, ohne dass dieser automatisch geschlossen wird.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Alle Seiten: Tab-Navigation ist schwer nachzuvollziehen, wenn sie über unsichtbare ausführbare Elemente führt, z.B. Sprungmarken ohne Hervorhebung. Startseite: Aktivierung von Links im Karussell lädt lediglich das Karussell neu und setzt den Fokus auf den ersten Slide, was die Tastaturnavigation im Karussell weniger effizient macht.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Formularseite: Fokus auf dem kombinierten Eingabefeld "Anrede" nicht sichtbar. Formularseite: Fokusrahmen der Buttons "Abschicken" und "Zurücksetzen" besitzt einen zu niedrigen Kontrast zum Hintergrund (1,9:1).
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Sprachwechsel ist nicht korrekt ausgezeichnet; englische Inhalte werden durch den Screenreader mit deutscher Aussprache vorgelesen und sind unverständlich.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Kontaktseite: Bei invalidem E-Mail-Eingabe erscheint englischsprachige Fehlermeldung "Please enter a valid email address"; der Fokus wird auf den "Zurücksetzen"-Button gesetzt, nicht in das fehlerhafte Feld.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden Alle Seiten: Suchfeld besitzt keine sichtbare Beschriftung, lediglich einen Platzhalter, der nach Eingabe nicht mehr sichtbar ist.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Formularseite: Gruppe der Buttons "Abschicken" und "Zurücksetzen" wurde als Werkzeugleiste (role="toolbar") definiert, wodurch blinde Anwender:innen eine Pfeiltastennavigation erwarten, die nicht vorhanden ist.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Bestanden

Kriterium Status Notizen
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.2
Sinnvolle Lesereihenfolge ist gegeben 		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.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden –
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		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.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		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.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.3
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 –
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –

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