Staatliches Gutachten zur digitalen Barrierefreiheit

www.staedtetag.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader (Alternativtexte, Struktur, Lesereihenfolge, Tastaturzugänglichkeit, Skiplinks) sind nicht erfüllt und erschweren die Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Unzureichende Kontraste, teilweise unsichtbarer Tastaturfokus und nur farblich gekennzeichnete Links beeinträchtigen die Orientierung, bei sonst weitgehend skalier- und umbruchfähigem Layout.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind mit Untertiteln und Alternativen versehen, aber fehlende Gebärdensprache-Angebote und teils nicht barrierefreie PDFs schränken die Nutzbarkeit etwas ein.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich tastaturbedienbar, aber mehrere wesentliche Steuerelemente sind nicht per Tastatur erreichbar und der Fokus ist teils nicht sichtbar.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, teils unklare Struktur und nicht PDF/UA-konforme Dokumente erschweren Verständnis und Orientierung deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Navigation und keine Zeit- oder Animationsprobleme helfen, aber Strukturmängel, sprachliche Inkonsistenzen und teils verwirrende Fokusführung können stark belasten.

Veränderung

Aktuell angezeigt
13 gefundene Barrieren -1 zur vorherigen Prüfung
6,4/10 Ø Schwere -0,5 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Captcha für Screenreader nicht zugänglich

    Auf der Formularseite ist das Captcha für den Screenreader nicht wahrnehmbar. Dadurch kann die notwendige Prüfung für das Absenden des Formulars blockiert sein.

    Auswirkung: Ich kann das Formular unter Umständen nicht abschicken. Wenn das Captcha zwingend ist, komme ich an dieser Stelle nicht weiter.

  • Wichtige Funktionen per Tastatur nicht erreichbar

    Auf einzelnen Seiten sind zentrale Bedienelemente wie Filterfelder, einige Buttons und Teile der Navigation nicht per Tastatur erreichbar oder aktivierbar. Dadurch ist die Seite für Menschen, die ohne Maus arbeiten, an mehreren Stellen nur eingeschränkt nutzbar.

    Auswirkung: Ich kann Filter und wichtige Aktionen nicht zuverlässig auslösen. Das kostet Zeit und kann dazu führen, dass ich Inhalte oder Funktionen gar nicht erreiche.

  • Tastaturfokus nicht sichtbar

    Auf mehreren Elementen, etwa bei der Slider-Paginierung und einzelnen Inhaltsbereichen, ist der Tastaturfokus nicht sichtbar. Wer ohne Maus navigiert, kann dadurch nicht erkennen, wo sich der Fokus gerade befindet.

    Auswirkung: Ich weiß nicht, welches Element gerade aktiv ist. Das macht die Bedienung unsicher und kann mich in der Navigation ausbremsen.

  • Screenreader erhält keine klare Seitenstruktur

    Auf der Startseite fehlt eine H1-Überschrift, und auf der Suche sind Treffer nicht als Liste ausgezeichnet. Auch Inhalte werden teils in einer unpassenden Reihenfolge vorgelesen, obwohl Bereiche nicht geöffnet sind.

    Auswirkung: Ich bekomme die Seite schwer geordnet vorgelesen und verliere schneller den Überblick. Das macht es deutlich aufwendiger, Inhalte zu verstehen und gezielt zu finden.

  • Fehlende oder unklare Alternativtexte für Bilder und Icons

    Mehrere Bilder, Slider-Grafiken und Icons sind für Screenreader nicht sinnvoll beschrieben oder gar nicht als Inhalt erkennbar. Auch Seitennavigationselemente auf der Suche haben keinen nutzbaren Alternativtext.

    Auswirkung: Ich kann wichtige Bild- und Symbolinformationen nicht erfassen. Dadurch verstehe ich Inhalte oder Bedienelemente möglicherweise nicht oder nur unvollständig.

  • Formularfehler schwer erkennbar

    Auf der Formularseite sind Fehlermeldungen rot dargestellt, haben aber zu wenig Kontrast zum Hintergrund. Außerdem wird der Fokus nach Fehlern nicht ins erste fehlerhafte Feld gesetzt.

    Auswirkung: Ich übersehe Eingabefehler leichter und weiß nicht sofort, wo ich korrigieren muss. Das verlängert das Ausfüllen und kann das Absenden verhindern.

  • Seitenwechsel im Slider springt sofort um

    Beim Durchschalten der Slider-Elemente wird der jeweilige Inhalt sofort gewechselt. Das kann dazu führen, dass ich mit Tastatur oder Screenreader Inhalte unbeabsichtigt verändere, bevor ich sie richtig erfassen kann.

    Auswirkung: Ich verliere beim Navigieren die Kontrolle über den Inhalt und muss mich neu orientieren. Das kann das Lesen und Bedienen unnötig schwer machen.

  • PDF-Dokument nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Für Nutzende mit Screenreader oder anderen Hilfsmitteln kann das Dokument deshalb nur eingeschränkt zugänglich sein.

    Auswirkung: Ich kann Inhalte aus dem PDF möglicherweise nicht zuverlässig lesen oder navigieren. Das schränkt die Nutzung von veröffentlichten Dokumenten deutlich ein.

  • Leichte Sprache und Gebärdensprache fehlen

    Es gibt weder ein Angebot in Leichter Sprache noch ein Gebärdensprache-Video. Damit fehlen zwei wichtige Zugänge für Menschen, die Inhalte sprachlich vereinfacht oder visuell in Gebärdensprache benötigen.

    Auswirkung: Ich kann Informationen möglicherweise nicht gut genug verstehen, wenn einfache Standardsprache für mich nicht ausreicht. Das erschwert mir den Zugang zu zentralen Inhalten.

  • Formularfelder mit Hilfsfunktionen schwer nutzbar

    Die Formularfelder sind nicht mit autocomplete-Attributen ausgezeichnet und die Rahmen der Eingabefelder haben zu geringen Kontrast. Das erschwert das Erkennen und bequeme Ausfüllen von Formularen.

    Auswirkung: Ich muss mehr selbst eingeben und kann Eingabefelder schlechter erkennen. Das macht Formulararbeit langsamer und anstrengender.

  • Sprunglinks nicht vollständig wahrnehmbar

    Auf der Startseite ist der Text der ersten beiden Skip-Links nicht sichtbar. Dadurch können Überspringen von Bereichen und schnelle Orientierung erschwert sein.

    Auswirkung: Ich finde den direkten Einstieg zu den Inhalten schwerer. Gerade mit Tastatur brauche ich dann mehr Schritte, um zur gewünschten Stelle zu kommen.

  • Englischsprachige Bedienelemente und unvollständige Sprachumschaltung

    Nach der Umschaltung auf Englisch ist die Hauptsprache im Quellcode nicht korrekt angegeben und nicht alle Inhalte werden übersetzt. Außerdem sind einzelne Slider-Schaltflächen auf Englisch beschriftet.

    Auswirkung: Ich werde sprachlich aus dem Lesefluss gebracht und kann Inhalte missverstehen. Für mich wirkt die Seite uneinheitlich und schwerer bedienbar.

  • Links nur über Farbe unterscheidbar

    Im Bereich „Alle Mitgliedsstädte“ sind Links ausschließlich durch Farbe gekennzeichnet. Ohne zusätzliche visuelle Merkmale sind sie für manche Nutzende schwer als Links erkennbar.

    Auswirkung: Ich erkenne anklickbare Inhalte möglicherweise nicht sofort. Das erhöht die Wahrscheinlichkeit, dass ich wichtige Links übersehe.

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 116.0.5845.141
Screenreader
NVDA 2023.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator (https://validator.w3.org/nu/), WCAG Parsing Bookmarklet (https://cdpn.io/pen/debug/VRZdGJ)

Veränderung nach WCAG-Kriterien

01.09.2023 Vereinfachte Überwachung
angezeigtes 17 nicht bestanden 0 weitgehend 36 bestanden
10.03.2021 Vereinfachte Überwachung Gutachten ansehen
19 nicht bestanden 4 weitgehend 32 bestanden
  • www.staedtetag.de ⓘ Web-Angebot öffnen
  • https://www.staedtetag.de/suchergebnisse?tx_solr%5Bq%5D=Hamburg
  • https://www.staedtetag.de/kontakt
  • https://www.staedtetag.de/presse/pressemeldungen/2023/1000-schulen-fuer-unsere-welt-schirmherrin-svenja-schulze
  • https://www.staedtetag.de/files/dst/docs/Publikationen/Imageflyer/flyer-deutscher-staedtetag-stand-mai-2023.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Icons "Gremiendienst" und "Mitgliederbereich" nicht als Layoutgrafiken ausgezeichnet, werden als group ausgegeben; Zwei Slider-Grafiken haben keinen alt-Text; Publikationen-Bilder ohne aussagekräftige alt-Texte (Screenreader: "Grafik ohne Label"); Suchseite: Paginierungsschaltflächen ohne alt-Text; Formularseite: Captcha vom Screenreader nicht wahrnehmbar.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Suchseite: Suchergebnisse nicht als Liste ausgezeichnet; Startseite: Keine H1-Überschrift.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Suchseite: Inhalte zu "Themen" und "Zeitraum" werden vom Screenreader vorgelesen, obwohl nicht ausgeklappt.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Formularfelder nicht mit autocomplete-Attribut ausgezeichnet.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Startseite: Links im Bereich "Alle Mitgliedsstädte" ausschließlich durch Farbe gekennzeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Formularseite: Rote Fehlermeldungstexte mit zu niedrigem Kontrast zum Hintergrund.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Formularseite: Kontrastabstände der Rahmen der Eingabefelder nicht ausreichend.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Suchseite: Filterfelder "von" und "bis" nicht per Tastatur erreichbar; Inhaltsseite: Buttons "Städte A-Z" und "Newsletter abonnieren" nicht per Tastatur aktivierbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Startseite: Text der ersten beiden Skip-Links wird nicht angezeigt.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Formularseite: Fokus nicht ins erste fehlerhafte Feld gesetzt (z.B. Captcha, E-Mail-Format).
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Tastaturfokus auf mehreren Elementen nicht sichtbar (z.B. Slider-Paginierung, Inhaltselemente unter "Aktuelle Themen").
WCAG 3.1.1
Sprache ist ausgezeichnet 		nicht bestanden Startseite: Nach Sprachumschaltung (Englisch) wird Hauptsprache im Quellcode nicht korrekt angegeben und nicht alle Inhalte übersetzt.
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		nicht bestanden Startseite: Beim Durchschalten der Sliderpaginierung wird jeweilige Seite sofort angezeigt.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Seiten enthalten mehrere Syntaxfehler.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		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 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		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.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.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		bestanden –
WCAG 3.2.1
Fokussierung 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.1
Fehlermeldungen sind in Textform vorhanden 		bestanden –
WCAG 3.3.2
Label enthalten Eingabehinweise 		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.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 –

Nicht anwendbar

Kriterium Status Notizen
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht anwendbar Startseite: Slider-Umschalt-Schaltflächen auf Englisch beschriftet.

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