Staatliches Gutachten zur digitalen Barrierefreiheit

www.tag-der-staedtebaufoerderung.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere Level-A-Probleme wie fehlende Alternativtexte, falsche Lesereihenfolge, unzugängliches Captcha und diverse Screenreader-Hürden schränken die Nutzung stark ein, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Kaum nutzbar

Deutlich unzureichende Text- und UI-Kontraste, schlecht sichtbare Logos und Elemente im Hochkontrastmodus behindern die Nutzung für Sehbehinderte erheblich.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind weitgehend mit Untertiteln und Alternativen versehen, nur das fehlende Gebärdensprachvideo reduziert die Nutzbarkeit etwas.

Motorische Behinderung Mit Hindernissen nutzbar

Die Seite ist grundsätzlich tastaturbedienbar, aber nicht erreichbare Slider-Elemente und Cookie-Links sowie automatische Sliderbewegung erschweren die Nutzung mit eingeschränkter Motorik.

Lernbehinderung Mit Hindernissen nutzbar

Automatische Slider, kurz angezeigte Fehlermeldungen, unvollständige Seitentitel und teils unklare Links/Struktur können Orientierung und Fehlerkorrektur deutlich erschweren.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Steuerung für automatisch laufende Slider, zeitlich begrenzte Fehlermeldungen und Fokusprobleme können für viele neurodivergente Nutzer stressig und desorientierend sein.

Dokumentierte Barrieren

  • Unzugängliches Formular-Captcha

    Das Captcha auf der Formularseite ist nicht korrekt erfassbar. Dadurch kann ich das Formular unter Umständen nicht abschicken, wenn ich auf diese Sicherheitsabfrage angewiesen bin.

    Auswirkung: Ich kann ein wichtiges Formular eventuell nicht absenden oder muss abbrechen. Besonders bei Kontakt- oder Anfrageformularen ist das ein echter Nutzungshindernis.

  • Tastaturzugriff auf Slider-Bedienelemente fehlt

    Die Paginierungselemente in den Slidern sind per Tastatur nicht erreichbar. Auch der Link „Weitere Informationen anzeigen“ im Cookie-Layer lässt sich nicht per Tastatur bedienen.

    Auswirkung: Ich kann wichtige Inhalte oder Hinweise nicht ohne Maus erreichen. Wenn ich auf Tastaturbedienung angewiesen bin, bleiben mir Teile der Seite verborgen oder unbedienbar.

  • Fehlermeldungen verschwinden zu schnell und sind unvollständig

    Auf der Formularseite wird die Fehlermeldung nur kurz angezeigt und erscheint nur für das erste fehlerhafte Feld als Tooltip. Weitere Fehler sind nicht klar markiert und haben keine eigene Textmeldung.

    Auswirkung: Ich erkenne Eingabefehler möglicherweise nicht rechtzeitig oder nicht vollständig. Dadurch kann ich Formulare schlechter korrigieren und muss den Vorgang häufiger wiederholen.

  • Falsche Fokusreihenfolge stört die Navigation

    Auf mehreren Seiten springt der Fokus zunächst in den rechten Bereich statt in den Inhaltsbereich. Im Cookie-Layer gibt es außerdem unsichtbare Tab-Schritte, und ein nicht sichtbares Element in der Hauptnavigation erhält Fokus.

    Auswirkung: Ich verliere die Orientierung und muss unnötig viele Schritte durchlaufen. Das macht das Navigieren deutlich mühsamer und kann einzelne Funktionen faktisch verstecken.

  • Automatisch laufende Slider ohne Pausefunktion

    Die Slider bewegen sich automatisch, ohne dass ich sie anhalten oder pausieren kann. Dadurch ändern sich Inhalte ständig, während ich versuche, sie zu lesen oder zu bedienen.

    Auswirkung: Ich kann Inhalte leichter verpassen oder den Fokus verlieren. Für mich wird das Lesen und Bedienen unnötig anstrengend und ablenkend.

  • Mehrere Seiten und Bereiche sind per Screenreader schlecht verständlich

    Es gibt fehlende oder unpräzise Alternativtexte, falsch ausgegebene Paginierungspunkte, unklare Linkbezeichnungen und eine falsche Lesereihenfolge. Dadurch werden Inhalte und Bedienelemente für Screenreader-Nutzende nur schwer erfassbar.

    Auswirkung: Ich kann wichtige Informationen und Navigationsziele nicht zuverlässig erkennen. Das verlangsamt mich stark und kann dazu führen, dass ich Inhalte übersehe oder die falsche Stelle auswähle.

  • Geringer Kontrast erschwert das Erkennen von Text und Bedienelementen

    Mehrere Texte, Navigationslinks, Logo-Beschriftungen sowie Slider-Links und Eingaberahmen haben zu wenig Kontrast zum Hintergrund. Im Hochkontrastmodus sind zudem einzelne Logos und das Captcha-Aktualisierungsbild schlecht oder gar nicht sichtbar.

    Auswirkung: Ich muss Inhalte und Bedienelemente stärker suchen und kann sie leichter übersehen. Besonders bei eingeschränktem Sehvermögen wird die Nutzung deutlich anstrengender.

  • Seitennavigation und Seitenfindung sind eingeschränkt

    Die Seiten der Anwendung sind weder über Suche noch über eine Sitemap auffindbar. Zusätzlich sind Seitentitel unvollständig, weil der Name der Website fehlt.

    Auswirkung: Ich finde gewünschte Inhalte schwerer wieder und erkenne Seiten in Tabs oder Lesezeichen schlechter. Das kostet Zeit und kann die Orientierung auf der Website verschlechtern.

  • Nicht barrierefreies PDF-Dokument

    Das geprüfte PDF ist nicht PDF/UA-konform. Damit ist zu erwarten, dass die Datei für Assistenztechnologien und strukturiertes Lesen nur eingeschränkt nutzbar ist.

    Auswirkung: Ich kann das PDF möglicherweise nicht zuverlässig vorlesen, navigieren oder inhaltlich erfassen. Wenn wichtige Informationen nur dort stehen, bin ich deutlich benachteiligt.

  • Fehlende Auszeichnung von Formularfeldern für Autofill

    Formularfelder für Nutzerdaten sind nicht mit dem Autocomplete-Attribut ausgezeichnet. Dadurch kann der Browser Eingaben wie Name oder Kontaktdaten nicht sinnvoll vorbefüllen.

    Auswirkung: Ich muss Daten häufiger manuell eingeben und mache eher Tippfehler. Das erschwert mir vor allem die Nutzung längerer Formulare.

  • Englische Slider-Beschriftungen in deutscher Umgebung

    Die Buttons zum Blättern in den Slidern sind mit englischen Beschriftungen versehen. Für deutschsprachige Nutzende ist die Funktion dadurch weniger eindeutig verständlich.

    Auswirkung: Ich erkenne die Bedeutung der Bedienelemente nicht sofort und brauche mehr Zeit, um die Slider zu verstehen. Das kann die Bedienung unnötig verkomplizieren.

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 113.0.5672.93
Screenreader
NVDA 2022.4
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • www.tag-der-staedtebaufoerderung.de Web-Angebot öffnen
  • https://www.tag-der-staedtebaufoerderung.de/service/haeufig-gestellte-fragen
  • https://www.tag-der-staedtebaufoerderung.de/service/kontakt
  • https://www.tag-der-staedtebaufoerderung.de/informationen/programme-der-staedtebaufoerderung
  • https://www.tag-der-staedtebaufoerderung.de/fileadmin/red_dateien/downloads_2023/TdS_2023_Projektaufruf.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Mehrere Grafiken auf Start- und Inhaltsseite haben keine aussagekräftigen Alt-Texte; im Footer sind mehrere Logos zu einer Grafik zusammengefasst und nur mit dem nicht aussagekräftigen Alt-Text "Logos der Partner" beschriftet; Paginierungspunkte im zweiten Slider werden vom Screenreader als "großes gefülltes schwarzes Quadrat" ausgegeben; Captcha auf Formularseite ist nicht korrekt erfassbar; Alt-Text des Logos entspricht nicht dem Logotext; Alt-Text des Claims im Kopfbereich ist mit der Bezeichnung "Claim" nicht aussagekräftig.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Teaser "Sie haben Fragen?" ist nicht als Liste ausgezeichnet; mehrere Navigationsregionen besitzen keine zusätzliche Beschriftung zur Funktionserläuterung; Überschriftenfolge zieht H1 gefolgt von H2 mit gleichem Text nach sich; Grafik zur Aktualisierung des Captchas ist im Hochkontrastmodus nicht sichtbar; mehrere Logos im Footer sind im Hochkontrastmodus nicht gut sichtbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Ausgabereihenfolge auf Such-, Formular- und Inhaltsseite ist falsch (Rechte Spalte vor Inhaltsbereich); im Cookie-Layer werden ausgeblendete Inhalte ausgegeben; Sprungmarke "TdS" wird vor der Hauptnavigation ausgegeben.
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich nicht bestanden –
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularfelder für Nutzerdaten sind nicht mit dem Autocomplete-Attribut ausgezeichnet.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Mehrere Texte auf Start- und Inhaltsseite weisen zu geringe Kontraste auf (z. B. Copyrighttexte der Teaserbilder); Links der Hauptnavigation haben zu geringen Kontrast; Logotexte im Footer sind schwer lesbar.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden "Zurück"- und "Weiter"-Links im Slider sowie Rahmen der Eingabefelder auf der Formularseite weisen zu geringe Kontraste gegenüber den Hintergründen auf.
Zeitbegrenzungen sind steuerbar nicht bestanden Fehlermeldung auf der Formularseite wird nur für kurze Zeitspanne angezeigt.
Automatisch gestartete Animationen sind steuerbar nicht bestanden Automatisch laufende Slider bieten keinen Button zum Beenden oder Pausieren.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Fokusreihenfolge auf Such-, Formular- und Inhaltsseite startet mit Links im rechten Bereich statt im Inhaltsbereich; nicht sichtbares Element am Anfang der Hauptnavigation erhält Fokus; Cookie-Layer enthält zwei unsichtbare Tabschritte nach Link "Nur essentielle Cookies akzeptieren".
Linkzweck ist verständlich (im Kontext) nicht bestanden Link zur Aktualisierung des Captchas wird vom Screenreader als "Kontaktlink" ausgegeben; Links des Service-Menüs im Header werden nur als "Link" bezeichnet.
Seiten sind über verschiedene Möglichkeiten auffindbar nicht bestanden Innerhalb der Anwendung sind die Seiten weder über Suche noch Sitemap erreichbar.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Buttons zum Blättern (< >) in den Slidern besitzen englische Beschriftungen.
Syntaxspezifikationen sind erfüllt nicht bestanden Auf den Seiten ist ein Syntaxfehler vorhanden.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden Formale Prüfung ergab: nicht bestanden.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das geprüfte PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Tastaturbedienbarkeit ist gegeben im Wesentlichen bestanden Verlinkte Paginierungselemente in den Slidern sind per Tastatur nicht erreichbar; Link "Weitere Informationen anzeigen" im Cookie-Layer ist nicht per Tastatur erreichbar.
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Seitentitel sind nicht vollständig, der Name der Webseite fehlt.
Fehlermeldungen sind in Textform vorhanden im Wesentlichen bestanden Fehlermeldung nur als Tooltip am ersten fehlerhaften Feld angezeigt; weitere fehlerhafte Felder sind weder markiert noch mit Textmeldung versehen.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Inhalte brechen in einspaltiges Layout um bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Tastaturfokus ist sichtbar bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Name, Rolle und Wert sind identifizierbar bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache 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.