Staatliches Gutachten zur digitalen Barrierefreiheit

smart-city-dialog.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler bei Alternativtexten, Formularstruktur, Fokusführung, Skiplinks, Statusmeldungen und Medienalternativen erschweren Screenreader-Nutzung erheblich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Grundlegende Zoom- und Reflow-Unterstützung ist vorhanden, aber teils unzureichende Textkontraste, problematische Fokusführung und nicht steuerbare Hover-Inhalte beeinträchtigen die Nutzbarkeit deutlich.

Hörbehinderung Kaum nutzbar

Fehlende Untertitel und Alternativen für Audio- und Video-Inhalte sowie kein Gebärdensprachvideo schränken den Zugang zu Medieninhalten und zur Barrierefreiheitserklärung stark ein.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturbedienbarkeit und kein Blitzen sind gegeben, jedoch ineffiziente Fokusreihenfolge, schwer steuerbare Navigation und Skiplink-Probleme erschweren die Nutzung für reine Tastatur- und Switch-Nutzer merklich.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und Leichte Sprache sind positiv, aber unklare Überschriften, irritierende Kontextänderungen bei Filtern, schwer erkennbare Fehlermeldungen und komplexe Tastaturnavigation belasten kognitiv.

Neurodivergenz Mit Hindernissen nutzbar

Stabile Grundstruktur ohne Animationen hilft, jedoch lange Linktexte, ineffiziente Fokuspfade, unerwartete Seitenneuladungen und unklare Labels können Aufmerksamkeit, Orientierung und Reizverarbeitung deutlich erschweren.

Dokumentierte Barrieren

  • Audio- und Video-Inhalte ohne barrierefreie Alternativen

    Auf der Videoseite gibt es Audio-Inhalte ohne Untertitel und ohne Alternativen für den Inhalt. Videos haben außerdem keine Audiodeskription und keine zusätzliche Textalternative.

    Auswirkung: Ich verpasse Inhalte, wenn ich nicht hören kann oder visuelle Informationen im Video nicht erfassen kann. Wichtige Informationen aus den Medien sind für mich dann nur eingeschränkt oder gar nicht zugänglich.

  • Unzuverlässige Fokusreihenfolge und überlagernde Cookie-Meldung

    Die Fokusreihenfolge ist auf mehreren Seiten unlogisch, etwa mit mehrfach fokussierten Inhalten, unsichtbaren Fokuselementen und einem Cookie-Banner am Seitenende, das Inhalte überlagert. Auch Untermenüs lassen sich per Tastatur nicht sauber schließen.

    Auswirkung: Ich verliere beim Bedienen mit der Tastatur leicht die Orientierung. In einzelnen Schritten komme ich dadurch langsamer voran oder muss zusätzliche Umwege gehen.

  • Unbeschriftete Bedienelemente im Header

    Mehrere grafische Bedienelemente im Kopfbereich sind ohne aussagekräftige Beschriftung umgesetzt. Auch ein Info-Button auf einer Inhaltsseite hat keinen verständlichen Alternativtext.

    Auswirkung: Ich kann nicht erkennen, wofür die Schaltflächen da sind. Dadurch kann ich wichtige Funktionen wie Navigation oder Zusatzinfos möglicherweise nicht sicher bedienen.

  • Formulare nicht korrekt beschriftet

    Auf der Startseite sind Checkbox-Beschriftungen und ein Eingabefeld nicht sauber mit den Formularfeldern verknüpft. Auf der Suchseite ist auch die Gruppenbeschriftung der Checkboxen nicht programmatisch ermittelbar.

    Auswirkung: Ich kann nicht sicher erkennen, welches Feld zu welchem Hinweis gehört. Mit Screenreader oder Sprachausgabe wird das Ausfüllen dadurch unnötig schwierig und fehleranfällig.

  • Fehlermeldungen und Statusmeldungen schlecht wahrnehmbar

    Bei Formularfehlern werden Hinweise nicht dort angekündigt, wo sie direkt erwartet werden, und Erfolgsmeldungen erscheinen teils fehlerhaft als HTML-Code. Für Screenreader-Nutzende sind diese Rückmeldungen dadurch nicht zuverlässig verständlich.

    Auswirkung: Ich merke nicht sofort, ob meine Eingabe erfolgreich war oder was ich korrigieren muss. Dadurch kann ich Formulare nicht sicher abschließen.

  • PDF nicht zuverlässig barrierefrei nutzbar

    Das wichtige PDF-Dokument hat den automatischen PDF/UA-Test nicht bestanden. Es ist daher wahrscheinlich, dass Struktur, Tags oder Lesereihenfolge für Assistenztechnik nicht verlässlich funktionieren.

    Auswirkung: Ich kann das PDF möglicherweise nicht sinnvoll mit Screenreader oder Tastatur nutzen. Wichtige Informationen aus dem Dokument könnten mir entgehen.

  • Kontextwechsel bei Filterauswahl auf der Suche

    Auf der Suchseite lädt das Aktivieren oder Deaktivieren einer Checkbox die Seite neu und setzt den Fokus an den Seitenanfang zurück. Die Änderung passiert damit ohne stabile Orientierung im aktuellen Kontext.

    Auswirkung: Ich verliere nach jeder Filteraktion meinen Platz und muss mich neu zurechtfinden. Das macht die Suche deutlich anstrengender und kann sie für mich fast abbrechen lassen.

  • Unsichere Orientierung durch fehlende Skiplink-Wahrnehmbarkeit

    Der Skiplink „Direkt zum Inhalt“ ist zwar vorhanden, wird bei Fokuserhalt aber nicht sichtbar angezeigt. Tastaturnutzende ohne Screenreader können ihn deshalb kaum nutzen.

    Auswirkung: Ich muss mich immer wieder durch die wiederkehrenden Seitenelemente hangeln. Das kostet Zeit und macht die Nutzung auf längeren Seiten deutlich mühsamer.

  • Hover-Untermenüs nicht ausreichend steuerbar

    Untermenüs werden per Mouseover eingeblendet, lassen sich aber nicht mit der Esc-Taste schließen. Dadurch bleiben eingeblendete Inhalte auf mehreren Seiten hartnäckig sichtbar.

    Auswirkung: Ich kann eingeblendete Menüs nicht einfach wieder ausblenden, wenn sie im Weg sind. Das stört die Bedienung und kann einzelne Navigationsschritte blockieren.

  • Schwache Kontraste bei Text und Fokus

    Mehrere Texte und Fokusanzeigen haben zu wenig Kontrast, darunter Weiß auf Bild, Copyright-Hinweise, Filtertext und Footer-Fokuslinks. Dadurch sind wichtige Inhalte und Zustände visuell schwer erkennbar.

    Auswirkung: Ich übersehe Texte und erkenne den Fokus schlechter, besonders bei schwachem Sehvermögen oder in heller Umgebung. Das erschwert Lesen und Navigieren spürbar.

  • Pflichtfehler im Formular schwer erkennbar

    Nicht aktivierte Pflicht-Checkboxen werden nicht deutlich hervorgehoben, und die Fehlermeldung steht nicht an der erwarteten Stelle oberhalb des Formulars. Dadurch ist schwer erkennbar, was noch fehlt.

    Auswirkung: Ich suche länger nach dem Fehler und übersehe leicht, welche Eingabe noch nötig ist. Das kostet Zeit und kann dazu führen, dass ich das Formular nicht absende.

  • Unklare Überschriften und Beschriftungen

    Mehrere Überschriften sind nicht aussagekräftig, etwa technische Platzhalter wie „3spalter“, „2spalter“ oder „main“. Auch unsichtbare Footer-Beschriftungen wie „Erste Zeile“ helfen bei der Orientierung nicht.

    Auswirkung: Ich kann Inhalte und Bereiche schlechter einordnen und finde mich schwerer zurecht. Besonders mit Screenreader verliere ich dadurch schneller den Überblick.

  • Englische Inhalte nicht als fremdsprachig ausgezeichnet

    Auf der Startseite sind englische Textabschnitte und Alternativtexte nicht als englisch markiert. Auch Social-Media-Links verwenden englische Bezeichnungen wie „Share to. “.

    Auswirkung: Mein Screenreader liest englische Textteile möglicherweise mit falscher Aussprache vor. Dadurch wird das Verstehen unnötig erschwert.

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 Enterprise
Browser
Google Chrome 135.0.7049.42
Screenreader
NVDA 2024.4.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome)
  • https://www.smart-city-dialog.de/ Web-Angebot öffnen
  • https://www.smart-city-dialog.de/suche?search=Förderprogramm
  • https://www.smart-city-dialog.de/impressum
  • https://www.smart-city-dialog.de/aktuelles/veranstaltungen
  • https://www.smart-city-dialog.de/
  • https://www.smart-city-dialog.de/system/files/media/3930/1739874704/FINAL_Handreichung_Innoschmiede-komprimiert.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Suchseite: Alternativtext mit "null" oder "Kreuzung" nicht aussagekräftig. Inhaltsseite: Info-Button ohne alternative Beschriftung. Alle Seiten: Grafische Bedienelemente im Header ohne Beschriftung, Alternativtext mit display:none; für alle Nutzer ausgeblendet.
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht bestanden Videoseite: Audio-only-Dateien besitzen keine Alternativen.
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht bestanden Videoseite: Audio-Inhalte besitzen keine Untertitel.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Videoseite: Video-Inhalte besitzen keine Alternativen.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden Videoseite: Video-Inhalte besitzen keine Audio-Deskription.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Checkbox-Beschriftungen und Eingabefeld nicht mit Formularfeldern verknüpft, Screenreader gibt Texte nicht aus; Überschriftenhierarchie inkonsistent (Ebene 3 gefolgt von Ebene 5). Suchseite: Gruppenbeschriftung der Checkboxen nicht programmatisch ermittelbar; Überschriftenhierarchie inkonsistent. Formularseite: Überschriftenhierarchie inkonsistent, Abschnittsüberschriften nicht als Überschriften ausgezeichnet, doppelte <br> statt Absätze, Header "Beitrag teilen" falscher Ebene.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Start- und Formularseite: Eingabefeld für E-Mail-Adresse nicht mit autocomplete-Attribut ausgezeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite: Weißer Text auf Bild hat zu geringen Kontrast; Start-, Such- und Inhaltsseite: Copyright-Text unter Bildern zu geringer Kontrast; Suchseite: Fokus-Text der Filterung zu geringer Kontrast; Alle Seiten: Fokuslinks im Footer zu geringer Kontrast.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Untermenüs, die per Mouseover eingeblendet werden, lassen sich nicht mit ESC-Taste schließen.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Skiplink "Direkt zum Inhalt" wird bei Fokuserhalt nicht angezeigt und ist für Tastaturnutzer ohne Screenreader nicht wahrnehmbar.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Bereich unter "News und Stories" ganzes Element als Link und mehrfaches Tabbing; Start- und Inhaltsseite: "Ausgewählte Veranstaltungen" Bild und Link fokussiert; Startseite: Unsichtbare Elemente unter "Ausgewählte Podcasts" erhalten Fokus; Startseite: Fokus nach unvollständig ausgefülltem Formular nicht auf erstem Pflichtfeld; Suchseite: Bild, Überschrift und Link alle fokussiert; Suchseite: Filterung erst nach Ergebnissen fokussiert; Alle Seiten: Cookie-Banner erst am Seitenende fokussiert und überlagert Inhalte; Alle Seiten: Hauptmenü nur ineffizient über Tastatur, Untermenüs nicht per ESC schließbar.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Gesamter Inhalt eines Teasers unter "News und Stories" wird als Linktext ausgegeben, wodurch Linktext sehr lang wird.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Startseite: Visuell nicht sichtbare Überschrift "3spalter" nicht aussagekräftig; Suchseite: "main" nicht aussagekräftig und englisch; Inhaltsseite: "2spalter" und "Button" nicht aussagekräftig; Alle Seiten: unsichtbare Überschriften und Beschriftungen im Footer, z.B. "Erste Zeile", nicht aussagekräftig.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Englischsprachige Abschnitte unter "Ausgewählte Podcasts" nicht per lang-Attribut ausgezeichnet; Alternativtexte der grafischen Bedienelemente bei "News und Stories" und "Ausgewählte Podcasts | Publikation" auf Englisch; Social-Media-Links mit englischem Text "Share to...".
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		nicht bestanden Suchseite: Aktivierung/Deaktivierung einer Checkbox lädt Seite neu und setzt Fokus an Anfang.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Startseite: Nicht aktivierte Pflicht-Checkboxen werden visuell nicht rot hervorgehoben; Fehlermeldung wird nach den ersten drei Checkboxen statt oberhalb des Formulars ausgegeben.
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht bestanden Startseite: Fehlermeldungen beim Newsletter von Screenreader-Nutzern nicht sofort wahrnehmbar; bei erfolgreichem Newsletter-Abo wird HTML-Code als Statusmeldung ausgegeben.
A.2
Erklärung zur Barrierefreiheit wurde formal geprüft 		nicht bestanden Kontaktangaben der Zuständigen Stelle für barrierefreie Zugänglichkeit sind nicht benannt.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden PAC3-Test des wichtigen PDF-Dokuments wurde nicht bestanden; PDF kann weitere manuelle Prüfungen benötigen.

Bestanden

Kriterium Status
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		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.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.4.7
Tastaturfokus ist sichtbar 		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 3.1.1
Sprache 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.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden
A.3
Leichte Sprache ist vorhanden 		bestanden

Nicht anwendbar

Kriterium Status
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar

Nicht geprüft

Kriterium Status
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht geprüft

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