Staatliches Gutachten zur digitalen Barrierefreiheit

www.jugend-staerken.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Nutzung ist grundsätzlich möglich, aber fehlende Alternativtexte für Logos, unklare Navigationsstrukturen, leere Überschriften und ARIA-Fehler im Menü erschweren Orientierung und Bedienung spürbar.

Sehbehinderung Mit Hindernissen nutzbar

Der zu große fixierte Header und fehlender eigener Fokusstil beeinträchtigen Nutzung bei hohem Zoom und Tastaturnutzung deutlich, grundlegende Funktionen bleiben aber erreichbar.

Hörbehinderung Fast barrierefrei

Die festgestellten Probleme betreffen primär visuelle und semantische Aspekte; Hörbeeinträchtigungen wirken sich hier kaum auf die Nutzbarkeit aus.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturnutzung ist möglich, aber der fehlende gut sichtbare Fokus und der große fixierte Header erschweren effiziente Bedienung mit reiner Tastatur oder alternativen Eingabegeräten.

Lernbehinderung Mit Hindernissen nutzbar

Leere Überschriften, unklare Navigationsunterscheidung und nicht eindeutig gekennzeichnete aktuelle Seite erschweren Orientierung und Strukturverständnis, die Seite bleibt jedoch insgesamt nutzbar.

Neurodivergenz Mit Hindernissen nutzbar

Uneinheitliche Rollen-/Statusangaben im Menü, unklare Struktur und ein dominanter Header können die kognitive Last erhöhen, ohne die grundsätzliche Bedienbarkeit vollständig zu verhindern.

Dokumentierte Barrieren

  • Fixierter Header verdeckt Inhalte bei Zoom

    Der feststehende Kopfbereich nimmt bei starker Vergrößerung oder auf kleinen Bildschirmen sehr viel Platz ein. Dadurch bleibt nur wenig vom eigentlichen Inhalt sichtbar.

    Auswirkung: Wenn ich stark zoome, sehe ich weniger Inhalt auf einmal und muss mehr scrollen. Wichtige Informationen können dadurch schwerer auffindbar und teilweise verdeckt sein.

  • Fokus nicht klar sichtbar

    Die Seite verlässt sich beim Tastaturfokus auf die Standardanzeige des Browsers statt auf einen gut erkennbaren eigenen Fokusstil. Dadurch kann der aktuelle Fokuspunkt leicht übersehen werden.

    Auswirkung: Ich erkenne beim Tabben nicht sicher, wo ich mich gerade befinde. Das macht die Bedienung mit Tastatur deutlich unsicherer und langsamer.

  • Fehlende Alternativtexte bei Logos

    Das eigene Logo und weitere Logos sind nicht mit aussagekräftigen Alternativtexten versehen. Screenreader-Nutzende erhalten dadurch keine oder nur unklare Information darüber, was diese Grafiken darstellen oder wohin sie führen.

    Auswirkung: Ich verstehe nicht, ob ein Logo nur dekorativ ist oder eine wichtige Verlinkung enthält. Dadurch kann ich mich auf der Seite schlechter orientieren und wichtige Einstiege übersehen.

  • Menüpunkt verhält sich nicht wie angekündigt

    Der Eintrag „Programme“ ist semantisch nicht passend als Schalter oder Link gekennzeichnet. Wenn Rolle und tatsächliches Verhalten nicht zusammenpassen, ist die Bedienlogik für assistive Technologien unklar.

    Auswirkung: Ich erwarte möglicherweise ein anderes Verhalten, als tatsächlich passiert. Dadurch kann ich ein Untermenü leichter übersehen oder den Menüpunkt falsch bedienen.

  • Unklare Kennzeichnung der Navigationsbereiche

    Meta-, Haupt- und Fußnavigation sind nicht eindeutig voneinander unterscheidbar. Für Nutzende mit Screenreader ist dadurch schwer erkennbar, in welchem Navigationsbereich sie sich gerade befinden.

    Auswirkung: Ich muss länger suchen, um die richtige Navigation zu finden. Das erschwert mir das schnelle Springen zu den passenden Bereichen der Website.

  • Leere Überschriften stören die Orientierung

    Auf einer Inhaltsseite gibt es mehrfach leere Überschriften. Dadurch entsteht eine scheinbare Struktur, die inhaltlich keinen Nutzen hat und die Gliederung der Seite verfälscht.

    Auswirkung: Ich kann mich nicht zuverlässig an der Überschriftenstruktur orientieren. Das macht es schwerer, Inhalte gezielt zu überfliegen oder Abschnitte zu überspringen.

  • Falsche Zustandsangabe bei normalen Links

    Bei den einfachen Links „Berichte“ und „Historie“ wird ein nicht passender Zustand für ein Untermenü ausgegeben. Das kann Screenreader-Nutzende irritieren, weil ein aufklappbares Element angekündigt wird, obwohl keines vorhanden ist.

    Auswirkung: Ich bekomme eine falsche Erwartung an die Funktion des Links. Das kann mich im Menü verunsichern und kostet zusätzliche Zeit bei der Navigation.

  • Cookie-Dialog kann schwer auffindbar sein

    Der Cookie-Dialog ist nicht klar als eigenständiger Bereich gekennzeichnet. Dadurch kann er für Screenreader-Nutzende oder bei komplexer Seitennavigation schlechter erkennbar sein.

    Auswirkung: Ich bemerke den Dialog eventuell nicht sofort oder finde nicht direkt hinein. Das kann den Umgang mit Cookie-Einstellungen unnötig erschweren.

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 11
Browser
Chrome 133.0.6943.142 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
Tools
Color Contrast Analyser (CCA), Colour Contrast Checker, PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome)
  • https://www.jugend-staerken.de/ Web-Angebot öffnen
  • https://www.jugend-staerken.de/just/meta/kontakt
  • https://www.jugend-staerken.de/just/programme/just-best
  • https://www.jugend-staerken.de/resource/blob/244478/29c0ed9d406982009043de6594e51ea7/merkblatt-oeffentlichkeitsarbeit-data.pdf
  • https://www.jugend-staerken.de/just/139618!search?query=unterst%C3%BCtzung&newSearch=true#search139618

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Versehen Sie das eigene Logo mit einem aussagekräftigen Alternativtext (z. B. »Logo Jugend Stärken«) auf allen Stichprobenseiten.
WCAG 1.1.1
Nicht-Text-Inhalt – zusätzliche Logos 		nicht bestanden Das erste der drei Logos nach dem Slider auf der Startseite benötigt einen Alternativtext; fügen Sie auch hier eine Beschreibung hinzu.
WCAG 1.3.1
Info und Beziehungen – Navigationsbereiche 		nicht bestanden Meta-, Haupt- und Footernavigation sollten eindeutig unterscheidbar markiert sein (z. B. mit aria-label oder aria-labelledby).
WCAG 1.3.1
Info und Beziehungen – leere Überschriften 		nicht bestanden Entfernen oder befüllen Sie die mehrfach leeren h2-Überschriften auf der Inhaltsseite.
WCAG 1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Der fixierte Header-Bereich sollte so gestaltet werden, dass er bei hohem Zoom und auf kleinen Bildschirmen nicht mehr die Hälfte des sichtbaren Bereichs verdeckt.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Definieren Sie einen eigenen Fokusstil und verlassen Sie sich nicht auf die Standardeinstellungen des Browsers (z. B. bei Logo und Meta-Navigation).
WCAG 4.1.2
Name, Rolle, Wert – Obermenü-Eintrag als Schalter 		nicht bestanden Der Menüeintrag »Programme« sollte als Schalter (button) mit korrekter Rolle gekennzeichnet oder in seiner Funktion als Link angepasst werden, damit die ARIA-Rolle mit dem tatsächlichen Verhalten übereinstimmt.
WCAG 4.1.2
Name, Rolle, Wert – Status Obermenü-Einträge 		nicht bestanden Entfernen Sie bei den einfachen Links »Berichte« und »Historie« das aria-expanded="false", da hier kein Untermenü vorhanden ist.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.1
Info und Beziehungen – Breadcrumb aktuelle Seite 		im Wesentlichen bestanden Fügen Sie in den Breadcrumbs der Suchseite eine Kennzeichnung der aktuellen Seite hinzu (Empfehlung).
WCAG 1.3.1
Info und Beziehungen – Landmark Region 		im Wesentlichen bestanden Binden Sie den Cookie-Dialog in eine Landmark-Region (z. B. <section> oder <div> mit role="dialog") ein, damit er programmatisch erkennbar ist (Empfehlung).

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