Staatliches Gutachten zur digitalen Barrierefreiheit

www.nationale-stadtentwicklungspolitik.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere gravierende Screenreader-Probleme (Alternativtexte, Struktur, Fokus, nicht nutzbare Checkbox, fehlerhafte Suche/Skiplinks) beeinträchtigen zentrale Funktionen deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Tastaturfokus verschwindet stellenweise und Skiplinks funktionieren nicht, aber grundlegende Kontraste und Layout werden nicht beanstandet, sodass vieles noch nutzbar bleibt.

Hörbehinderung Fast barrierefrei

Es werden keine hörbezogenen Inhalte oder Probleme erwähnt, die Nutzung ist weitgehend gleich wie für hörende Personen.

Motorische Behinderung Mit Hindernissen nutzbar

Bedienung per Tastatur ist grundsätzlich möglich, aber fehlerhafte Fokusführung, nicht funktionierende Skiplinks und eine nicht aktivierbare Checkbox erschweren die Nutzung stark.

Lernbehinderung Mit Hindernissen nutzbar

Lange und unklare Labels, identische Linktexte und fehlende Fehlerrückmeldungen erschweren Verständnis, Orientierung und Formularnutzung.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusführung, Slider-Bedienung mit identischen Steuerelementen und fehlende, konkrete Fehlermeldungen können Reizüberlastung und Desorientierung fördern.

Dokumentierte Barrieren

  • Checkbox im Kontaktformular nicht bedienbar

    Die Einwilligungs-Checkbox im Kontaktformular lässt sich per Tastatur und Screenreader nicht zuverlässig aktivieren. Damit ist das Absenden des Formulars für betroffene Nutzende praktisch blockiert oder nur mit großem Aufwand möglich.

    Auswirkung: Ich kann das Kontaktformular nicht abschicken, obwohl ich meine Daten eingegeben habe. Dadurch komme ich bei Anfragen oder Rückmeldungen nicht weiter.

  • Fehlende Fehlermeldungen im Formular

    Bei falschen oder unvollständigen Eingaben im Formular wird keine verständliche Rückmeldung angezeigt. Betroffene Felder und Korrekturhinweise fehlen damit oder sind nicht erkennbar.

    Auswirkung: Ich merke nicht, was ich falsch gemacht habe. Dadurch kann ich das Formular nicht gezielt korrigieren und verliere Zeit.

  • Skiplinks führen ins Leere

    Die Sprunglinks zu „Hauptmenü“ und „Suche“ springen nicht zu den vorgesehenen Bereichen. Wiederkehrende Inhaltsblöcke lassen sich dadurch nicht zuverlässig überspringen.

    Auswirkung: Ich muss mich bei jedem Seitenaufruf erneut durch die komplette Navigation arbeiten. Das kostet Zeit und macht die Seite für mich deutlich anstrengender.

  • Fokus springt nach Suche an den Seitenanfang

    Nach einer Suche oder nach dem Setzen eines Filters landet der Tastaturfokus wieder oben auf der Seite statt bei den Ergebnissen. Die Ergebnisanzeige ist damit nicht direkt wahrnehmbar.

    Auswirkung: Ich weiß nicht sofort, ob meine Suche erfolgreich war. Ich muss mich erst wieder orientieren, bevor ich die Treffer nutzen kann.

  • Fokus ist bei der Hauptnavigation nicht sichtbar

    Beim Navigieren per Tastatur verschwindet der sichtbare Fokus in Teilen der Hauptnavigation. Dadurch ist nicht mehr nachvollziehbar, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere die Orientierung beim Bedienen der Seite per Tastatur. Das erhöht die Gefahr von Fehlbedienungen und macht die Nutzung mühsam.

  • Wichtige Links im Slider nicht eindeutig unterscheidbar

    Im Slider heißen Vor- und Zurück-Steuerung beide gleich und die Linktexte sind sehr lang oder enthalten unnötige Zusatzinfos. Dadurch ist nicht klar, welcher Link wohin führt.

    Auswirkung: Ich kann nicht sicher erkennen, welchen Inhalt ich öffne oder welche Navigationstaste ich betätige. Das macht die Bedienung des Sliders verwirrend und fehleranfällig.

  • Unklare Linktexte bei früheren Ausgaben

    Mehrere Broschüren tragen denselben Linktext, ohne dass ich sie voneinander unterscheiden kann. Die konkreten Ausgaben sind für assistive Technologien nicht eindeutig erkennbar.

    Auswirkung: Ich kann nicht gezielt die gewünschte Ausgabe auswählen. Stattdessen muss ich Links einzeln ausprobieren.

  • Dekorative oder strukturelle Inhalte werden unklar vorgelesen

    Einige Bilder und Meta-Informationen sind nicht sauber getrennt oder falsch ausgezeichnet. Dadurch können Screenreader unnötige, irreführende oder schwer verständliche Inhalte vorlesen.

    Auswirkung: Ich höre Informationen, die für den Inhalt nicht wichtig sind, oder verstehe den Aufbau der Seite schlechter. Das bremst mich beim Erfassen der Seite aus.

  • Footer-Bereich ist nicht sauber bezeichnet

    Der Footer hat keine verständliche Bezeichnung für assistive Technologien. Der Bereich ist zwar vorhanden, aber sein Zweck bleibt für Screenreader-Nutzende unklar.

    Auswirkung: Ich kann den Seitenfuß nicht so schnell als eigenen Bereich erkennen. Dadurch wird das Navigieren zwischen Seitenteilen unnötig schwieriger.

  • Veraltete oder fehlerhafte Linkbeschriftung im Logo-Bereich

    Das Ministeriumslogo hat keinen sinnvollen Alternativtext. Dadurch ist der Zweck des Links oder die Bedeutung des Logos für Screenreader-Nutzende nicht erkennbar.

    Auswirkung: Ich weiß nicht, wohin der Logo-Link führt oder welche Organisation dahintersteht. Das erschwert die Orientierung auf 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 11
Browser
Chrome 134.0.6998.89 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024.4.235031
Tools
Color Contrast Analyser (CCA), Colour Contrast Checker, PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
  • https://www.nationale-stadtentwicklungspolitik.de/NSPWeb/DE/Home/home_node.html Web-Angebot öffnen
  • https://www.nationale-stadtentwicklungspolitik.de/NSPWeb/SiteGlobals/Forms/Suche/Servicesuche_Formular.html;jsessionid=09B7858C129844E41FF9C5BA71C590EE.live21304?nn=2889602&resourceId=2914232&input_=2889602&pageLocale=de&templateQueryString=stadtplanung&submit.x=0&submit.y=0
  • https://www.nationale-stadtentwicklungspolitik.de/NSPWeb/DE/Service/Kontakt/kontakt_node.html
  • https://www.nationale-stadtentwicklungspolitik.de/NSPWeb/DE/Themen/Forschung/forschung_node.html
  • https://www.bbsr.bund.de/BBSR/DE/veroeffentlichungen/bbsr-online/2020/bbsr-online-04-2020-dl.pdf?__blob=publicationFile&v=2

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Das Logo des Bundesministeriums benötigt einen aussagekräftigen Alternativtext anstelle von "MinisteriumHomepageAlt", um die inhaltliche Bedeutung auch für Screenreader nutzbar zu machen.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Die Urheberinformation des dekorativen Titelbildes (z. B. ‚Tom Werner via Getty Images‘) muss für assistive Technologien ausgeblendet werden, damit keine irrelevanten Informationen vorgelesen werden.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Überschriften und ergänzende Meta-Informationen (Datum, ‚Schwerpunktthema‘ etc.) sind innerhalb eines Elements zusammengefasst; sie sollten semantisch getrennt ausgezeichnet werden, um Struktur und Kontext korrekt zu vermitteln.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die ID ‚FooterAural‘ liefert keine verständliche Bezeichnung für den Footer-Bereich; eine klare Beschreibung über aria-labelledby oder aria-label ist erforderlich.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Der einzelne Instagram-Link im Footer ist als Liste ausgegeben, obwohl keine strukturelle Beziehung zu weiteren Elementen besteht; er sollte ohne Listenkontext ausgezeichnet werden.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Verwendung von ­-Zeichen zur Silbentrennung (z. B. ‚Gebärdensprache‘) führt bei Screenreadern zu unverständlicher Aussprache und sollte vermieden werden.
WCAG 2.1.1
Tastatur 		nicht bestanden Die Einwilligungs-Checkbox im Kontaktformular wird von NVDA beim Tab nur als ‚leer‘ ausgegeben und lässt sich nicht aktivieren; die Checkbox muss für alle Screenreader korrekt fokussierbar und togglbar sein.
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Skiplinks ‚Hauptmenü‘ und ‚Suche‘ führen nicht zu den Zielbereichen, vermutlich fehlen entsprechende Ziel-IDs oder diese sind nicht fokussierbar; Skiplinks müssen wiederkehrende Inhaltsgruppen zuverlässig überspringen.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Nach Auslösen einer Suche oder Auswahl eines Filters wandert der Fokus automatisch an den Seitenanfang, statt auf ein relevantes Ergebnis; fokussieren Sie stattdessen Treffermeldungen oder Überschriften wie ‚Suchergebnisse‘.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Im Slider werden Datum, Überschrift und Ortsangabe in einem Link zusammengefasst, was den Zweck unnötig lang macht; beschränken Sie den Linktext auf die relevante Überschrift.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Im Bereich ‚Frühere Ausgaben‘ tragen alle Broschüren den identischen Linktext ‚zur Ausgabe des Magazins stadt:pilot‘; unterscheiden Sie die Beschriftungen z. B. durch Datum oder Titelnamen.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Das Label der Einwilligungs-Checkbox ist sehr lang; reduzieren Sie den Text auf das Wesentliche (z. B. ‚Ich stimme der Datenschutzerklärung zu‘) und verlinken weiterführende Informationen separat.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Der Fokus verschwindet bei der Suche aus der Hauptnavigation, was den Orientierungssinn von Tastatur- und Screenreader-Nutzenden stört; sorgen Sie dafür, dass der Fokus sichtbar bleibt und nach Interaktionen wieder einsetzbar ist.
WCAG 2.5.3
Beschriftung (Label) im Namen 		nicht bestanden Die Steuerungselemente zum Vor- und Zurücknavigieren im Slider heißen beide ‚Vorherige Seite‘; die Beschriftungen müssen eindeutig und unterscheidbar sein (z. B. ‚Nächste Meldung‘ und ‚Vorherige Meldung‘).
WCAG 3.3.1
Fehlerkennzeichnung 		nicht bestanden Bei fehlerhafter oder unvollständiger Formularausfüllung erfolgt keine Rückmeldung an den Nutzer; markieren Sie entsprechende Felder und geben Sie Hinweise zur Korrektur.
WCAG 3.3.3
Vorschlag bei Fehler 		nicht bestanden Es werden keine Fehlermeldungen erzeugt, sodass Nutzende nicht wissen, was sie korrigieren müssen; heben Sie Fehler deutlich hervor und bieten Sie konkrete Hinweise zur Behebung.

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