smart-city-dialog.de

Website nicht konform Prüfung vom 07.04.2025 ID: #992

Infrastruktur öffentliche Einrichtung

Prüfbericht herunterladen (PDF)

Kurzzusammenfassung

Auftraggeber: Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüforganisation: Deutsche Telekom MMS GmbH
Stadt: Dresden
Prüfart: Vereinfachte Überwachung
Dauer: 8 Stunden

Technische Umgebung

OS: Windows 11 Enterprise
Browser: Google Chrome 135.0.7049.42
Screenreader: NVDA 2024.4.1
Auflösung:
Tools: Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere	Auswirkung	Melden
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.	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.	Melden
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.	Ich verliere beim Bedienen mit der Tastatur leicht die Orientierung. In einzelnen Schritten komme ich dadurch langsamer voran oder muss zusätzliche Umwege gehen.	Melden
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.	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.	Melden
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.	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.	Melden
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.	Ich merke nicht sofort, ob meine Eingabe erfolgreich war oder was ich korrigieren muss. Dadurch kann ich Formulare nicht sicher abschließen.	Melden
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.	Ich kann das PDF möglicherweise nicht sinnvoll mit Screenreader oder Tastatur nutzen. Wichtige Informationen aus dem Dokument könnten mir entgehen.	Melden
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.	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.	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.	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.	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.	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.	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. “.	Mein Screenreader liest englische Textteile möglicherweise mit falscher Aussprache vor. Dadurch wird das Verstehen unnötig erschwert.	–

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.smart-city-dialog.de/
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

Empfehlung & Status

Behebung der festgestellten Barrierefreiheitsmängel gemäß WCAG Level A und AA, insbesondere bei Alternativtexten, Videoinhalten, Formularbeschriftungen, Kontrast, Fokussteuerung, Navigationsbeschriftungen, Fehlermeldungen, Leichter Sprache, Gebärdensprache und PDF/UA-Konformität.

Prüfkriterien

Nicht bestanden

Kriterium	Status	Notizen
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.
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen	nicht bestanden	Videoseite: Audio-only-Dateien besitzen keine Alternativen.
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel	nicht bestanden	Videoseite: Audio-Inhalte besitzen keine Untertitel.
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen	nicht bestanden	Videoseite: Video-Inhalte besitzen keine Alternativen.
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen	nicht bestanden	Videoseite: Video-Inhalte besitzen keine Audio-Deskription.
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.
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.
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.
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.
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.
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.
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.
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.
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...".
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.
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.
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	Notizen
1.3.2 Sinnvolle Lesereihenfolge ist gegeben	bestanden
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich	bestanden
1.3.4 Bildschirmausrichtung ist änderbar	bestanden
1.4.1 Farbe ist nicht einziger Informationsträger	bestanden
1.4.4 Schriftgröße kann angepasst werden	bestanden
1.4.10 Inhalte brechen in einspaltiges Layout um	bestanden
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend	bestanden
1.4.12 Textabstände sind anpassbar	bestanden
2.1.1 Tastaturbedienbarkeit ist gegeben	bestanden
2.1.2 Tastaturfallen sind nicht vorhanden	bestanden
2.3.1 Blitzen wird vermieden	bestanden
2.4.2 Titel beschreiben Thema oder Zweck	bestanden
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar	bestanden
2.4.7 Tastaturfokus ist sichtbar	bestanden
2.5.2 Zeiger-Eingaben können abgebrochen oder widerrufen werden	bestanden
2.5.3 Label enthält sichtbare Beschriftung	bestanden
3.1.1 Sprache ist ausgezeichnet	bestanden
3.2.1 Fokussierung führt nicht zu Kontextänderung	bestanden
3.2.3 Navigation ist konsistent aufgebaut	bestanden
3.2.4 Elemente sind konsistent bezeichnet	bestanden
3.3.2 Label enthalten Eingabehinweise	bestanden
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge	bestanden
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	Notizen
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar	nicht anwendbar
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar	nicht anwendbar
2.1.4 Zeichen-Tastenkürzel sind abschaltbar oder anpassbar	nicht anwendbar
2.2.1 Zeitbegrenzungen sind steuerbar	nicht anwendbar
2.2.2 Automatisch gestartete Animationen sind steuerbar	nicht anwendbar
2.5.1 Komplexe Zeigerbedienung ist verzichtbar	nicht anwendbar
2.5.4 Bewegungsaktivierung ist verzichtbar	nicht anwendbar
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten)	nicht anwendbar

Nicht geprüft

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

Kurzzusammenfassung

Technische Umgebung

KI-Schnellcheck zur Nutzbarkeit ✨

Wahrscheinliche Barrieren

Getestete Angebote

Empfehlung & Status

Prüfkriterien

Nicht bestanden

Bestanden

Nicht anwendbar

Nicht geprüft

KI-Schnellcheck zur Nutzbarkeit