www.jugend-staerken.de

Dokument nicht konform Prüfung vom 17.03.2025 ID: #966
Soziales öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Bundesministerium für Familie, Senioren, Frauen und Jugend
Prüforganisation
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik, Deutsche Rentenversicherung Knappschaft-Bahn-See
Stadt
Berlin
Prüfart
Vereinfachte Überwachung

Technische Umgebung

  • OS: Windows 11
  • Browser: Chrome 133.0.6943.142 (Offizieller Build) (64-Bit)
  • Screenreader: NVDA 2024
  • Auflösung:
  • 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)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
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. 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. Melden
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. 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. 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. –

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen
  • https://www.jugend-staerken.de/
  • 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

Empfehlung & Status

Die festgestellten Probleme betreffen fehlende Alternativtexte für das eigene Logo und die drei weiteren Logos, unklare Kennzeichnung der drei Navigationsbereiche und leere Überschriften, einen zu großen fixierten Header, fehlende individuelle Fokusgestaltung, inkonsistente Rollen-/Statusinformationen im Obermenü sowie fehlende Hinweise in Breadcrumbs und Landmarken für den Cookie-Dialog. Ergänzend muss die Barrierefreiheitserklärung ein aktuelles Aktualisierungsdatum enthalten. Bitte beheben Sie diese Punkte entsprechend der WCAG-Verweise.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.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.
9.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.
9.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).
9.1.3.1
Info und Beziehungen – leere Überschriften 		nicht bestanden Entfernen oder befüllen Sie die mehrfach leeren h2-Überschriften auf der Inhaltsseite.
9.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.
9.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).
9.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.
9.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
9.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).
9.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).