Gutachten

www.difu.de

Website nicht konform Prüfung vom 11.04.2024 ID: #175
Bildung öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

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 10 Enterprise
  • Browser: Google Chrome 122.0.6261.95
  • Screenreader: NVDA 2023.3.1
  • Auflösung:
  • Tools: Google Chrome 122.0.6261.95, NVDA 2023.3.1, PAC3

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

Blindheit

Mit Hindernissen nutzbar

Viele WCAG-A-Fehler bei Struktur, Tastaturbedienung, Fokusreihenfolge und Name/Rolle/Wert erschweren Screenreader-Nutzung spürbar, machen sie aber nicht vollständig unmöglich.

Sehbehinderung

Kaum nutzbar

Schwache Text- und Icon-Kontraste, Probleme im Hochkontrastmodus, fehlende Unterscheidbarkeit von Links und fehlerhafte Responsive-/Zoom-Darstellung beeinträchtigen die Nutzung stark.

Hörbehinderung

Weitgehend zugänglich

Multimedia ist weitgehend mit Untertiteln und Alternativen versehen, einzig das fehlende Gebärdensprach-Video schränkt vor allem Nutzer mit Bedarf an Gebärdensprache ein.

Motorische Behinderung

Mit Hindernissen nutzbar

Wichtige Bereiche (Navigation, Suche, Filter, Slidersteuerung) sind teils nicht tastaturbedienbar und Fokusanzeigen fehlen teils, sodass reine Tastatur- oder alternativen Eingabegeräte-Nutzung deutlich erschwert ist.

Lernbehinderung

Mit Hindernissen nutzbar

Komplexe Slider, unklare Labels, fehlerhafte Fokusreihenfolge, schlecht erkennbare Links und fehlende Leichte Sprache belasten Orientierung und Verständlichkeit.

Neurodivergenz

Mit Hindernissen nutzbar

Automatisch laufender, nicht pausierbarer Slider, unruhige Fokusreihenfolgen, schwer vorhersehbare Navigationselemente und Kontrastprobleme können Konzentration und Reizfilterung deutlich stören.

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
  • www.difu.de
  • https://difu.de/search?search_api_fulltext=Stadt&type=All&action=Search
  • https://difu.de/impressum
  • https://difu.de/projekte/kuenstliche-intelligenz-ki-in-der-smart-city
  • https://difu.de/sites/default/files/media_files/Berichte-1-2024.pdf

Empfehlung & Status

Empfehlung

Wir empfehlen, die festgestellten Barrierefreiheitsprobleme mit dem WCAG-Level A bzw. entsprechend des WCAG-Levels A mit hoher Priorität zu beheben.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar
nicht bestanden Startseite: Nach dem automatischen Öffnen einer Sliderseite wird die Screenreader-Ausgabe unterbrochen und Texte wiederholt; Suchseite: Filterelemente der „Erweiterten Suche" und der Link zum Laden weiterer Ergebnisse sind nicht als Gruppe ausgezeichnet; Hinweis: Sprachschalter DE/EN fehlen Screenreader-Beschriftungen; Hinweis: Formularseite überspringt Überschriftenebenen; Hinweis: Nur zwei Elemente der Metanavigation haben role="navigation" und die Metanavigation besteht aus mehreren Listen; Hinweis: Im Header ist das Logo mit Meta- und Hauptnavigation innerhalb eines einzigen <nav>-Bereichs enthalten; Hinweis: Im Hochkontrastmodus sind aktive Paginierungspunkte der Slider, Socialmedia-Icons im „Artikel teilen"-Layer, das Footer-„X“, der Logo-Text und der Cookie-Banner (inklusive zusätzlichem Button „Nein, danke") nicht gut erkennbar.
1.3.2
Sinnvolle Lesereihenfolge ist gegeben
nicht bestanden Formularseite: Zwischen Textabschnitten werden vom Screenreader leere Leseschritte ausgegeben; Inhaltsseite: Verlinkter Text „Mi 27 Nov 24 Do 28 Nov 24" im letzten Teaser ist schwer verständlich; Alle Seiten: Das „Lupe"-Icon der Suche wird vom Screenreader nicht ausgegeben; Alle Seiten: Header gibt Links der Hauptnavigation vor den Links der Metanavigation aus; Alle Seiten: Footer gibt zuerst die Links im rechten Bereich aus; Alle Seiten: Cookie-Banner wird erst am Ende der Seite ausgegeben.
1.4.1
Farbe ist nicht einziger Informationsträger
nicht bestanden Inhaltsseite: Links im Fließtext (Projektleitung) und der Link „Datenschutzerklärung" im Fließtext sind ausschließlich durch Farbe gekennzeichnet, der Kontrast zur Textfarbe ist zu gering.
1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast)
nicht bestanden Alle Seiten: Farbige Links und Texte besitzen ein zu geringes Kontrastverhältnis zum Hintergrund; Alle Seiten: Platzhaltertext „Suche" im geöffneten Suche-Layer hat zu geringen Kontrast; Alle Seiten: „Zustimmen"-Button im Cookie-Banner hat zu geringen Kontrast.
1.4.10
Inhalte brechen in einspaltiges Layout um
nicht bestanden Startseite: Paginierungspunkte im zweiten bis vierten Slider werden nicht immer dargestellt; Inhaltsseite: Socialmedia-Links im geöffneten „Artikel teilen"-Layer werden teilweise außerhalb des sichtbaren Bereichs angezeigt.
1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend
nicht bestanden Startseite: Gerade nicht aktive Paginierungspunkte der Slider haben zu geringen Kontrast; Alle Seiten: Verlinkte Socialmedia-Icons im Footer (rechts unten) besitzen zu geringen Kontrast.
1.4.12
Textabstände sind anpassbar
nicht bestanden Inhaltsseite: Socialmedia-Links im geöffneten „Artikel teilen"-Layer werden teilweise außerhalb des sichtbaren Bereichs angezeigt.
1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar
nicht bestanden Alle Seiten: Im Haupt- und Metamenü können bei Mouseover eingeblendete Untermenüs nicht ohne Bewegung des Mauszeigers (z. B. Escape-Taste) geschlossen werden.
2.1.1
Tastaturbedienbarkeit ist gegeben
nicht bestanden Startseite: Sliderbedienelemente (<, >) sind mit der Tastatur nicht erreichbar; Suchseite: Filterelemente „Bereich" der erweiterten Suche sind nicht per Tastatur erreichbar; Alle Seiten: „Lupe"-Icon der Suche und Untermenüpunkte der Haupt- und Meta-Navigation sind nicht mit der Tastatur erreichbar.
2.2.2
Automatisch gestartete Animationen sind steuerbar
nicht bestanden Startseite: Beim automatisch ablaufenden ersten Slider wird kein Button zum Beenden oder Pausieren angeboten.
2.4.1
Wiederkehrende Bereiche können übersprungen werden
nicht bestanden Alle Seiten: Der angebotene Skip-Link zum Inhaltsbereich funktioniert nicht.
2.4.3
Fokusreihenfolge ist aufgabenangemessen
nicht bestanden Startseite: Jeder Slider erhält komplett den Fokus und die nachfolgenden Slides erhalten zuerst den Fokus, was zu unnötigen Tabschritten führt; bei mehreren Text-Teasern erhalten zwei bis drei Links mit Tabulator den Fokus auf dasselbe Ziel; Suchseite: In Suchergebnissen erhalten jeweils zwei bis drei Links mit gleichem Ziel Fokus, zusätzlich wird nach Laden weiterer Ergebnisse der Fokus nicht auf das erste neue Suchergebnis gesetzt; Inhaltsseite: Teaser im Bereich „Weitere Inhalte zum Thema" erhalten komplett den Fokus (ohne Funktion) und drei Links pro Teaser mit gleichem Ziel; alle Seiten: Header-Fokusreihenfolge gibt zuerst Hauptnavigation, dann Metanavigation aus; Cookie-Banner ist erst am Ende erreichbar und der nicht sichtbare Button „Nein Danke" erhält Fokus.
2.4.4
Linkzweck ist verständlich (im Kontext)
nicht bestanden Startseite: Die Bedienelemente der Slider (<, >) werden vom Screenreader nur als „Link" ohne weitere Bezeichnung ausgegeben.
2.4.6
Überschriften und Label beschreiben Thema oder Zweck
nicht bestanden Suchseite: Beschriftung „Bereich" oberhalb der Filterelemente ist nicht aussagekräftig; Beschriftung des Buttons „Auswahl zurücksetzen" vermittelt nicht den Löschvorgang des Suchbegriffs; Link zum Laden weiterer Suchergebnisse trägt die Beschriftung „Zur nächsten Seite", die nicht aussagekräftig ist.
2.4.7
Tastaturfokus ist sichtbar
nicht bestanden Startseite: Fokus auf Bildern im Bereich „Neue Projekte" ist nicht sichtbar; Inhaltsseite: Fokus auf Bildern im Bereich „Weitere Inhalte zum Thema" ist nicht sichtbar; Fokusrahmen auf Socialmedia-Icons im geöffneten „Artikel teilen"-Layer ist nicht komplett sichtbar.
3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet
nicht bestanden Startseite: Die Paginierungspunkte in den Slidern sind mit englischen Beschriftungen versehen, der Sprachwechsel ist auf Quellcodeebene nicht ausgezeichnet.
3.3.2
Label enthalten Eingabehinweise
nicht bestanden Suchseite: Das Sucheingabefeld im Header und Inhaltsbereich ist nur mit einem Placeholder-Text beschriftet und besitzt kein sonstiges Beschriftungselement/Label.
4.1.2
Name, Rolle und Wert sind identifizierbar
nicht bestanden Startseite: Slider-Paginierungspunkte werden vom Screenreader als Registerkarten ausgegeben, sind aber nicht oberhalb des nachfolgenden Inhalts angeordnet und nur der fokussierte Punkt wird ausgegeben; Suchseite: Filterelemente „Bereich" werden nur als „anklickbar" ohne Rolle ausgegeben; Inhaltsseite: „Drucken"-Button wird nur als „Schalter" ausgegeben; „Artikel teilen"-Button gibt den Status (geöffnet/geschlossen) nicht aus; Alle Seiten: „Nach oben"-Button wird nur als „Schalter" ausgegeben.
A.2
Feedback-Mechanismus ist vorhanden
nicht bestanden Feedback-Mechanismus ist nicht vorhanden.
A.3
Leichte Sprache ist vorhanden
nicht bestanden Leichte Sprache ist nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden Gebärdensprache-Video ist nicht vorhanden.
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte
im Wesentlichen bestanden Alt-Text des Logos im Kopfbereich enthält weder das Linkziel noch den Zusatz "Logo:."
2.4.2
Titel beschreiben Thema oder Zweck
im Wesentlichen bestanden Suchseite: Nach einer erneuten Suche wird der Suchbegriff nicht im Titel der Seite angezeigt.

Bestanden

Kriterium Status Notizen
1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen
bestanden
1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel
bestanden
1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen
bestanden
1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen
bestanden
1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich
bestanden
1.3.4
Bildschirmausrichtung ist änderbar
bestanden
1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar
bestanden
1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar
bestanden
1.4.4
Schriftgröße kann angepasst werden
bestanden
1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar
bestanden
2.1.2
Tastaturfallen sind nicht vorhanden
bestanden
2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar
bestanden
2.2.1
Zeitbegrenzungen sind steuerbar
bestanden
2.3.1
Blitzen wird vermieden
bestanden
2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar
bestanden
2.5.1
Komplexe Zeigerbedienung ist verzichtbar
bestanden
2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden
bestanden
2.5.3
Label enthält sichtbare Beschriftung
bestanden
2.5.4
Bewegungsaktivierung ist verzichtbar
bestanden
3.1.1
Sprache ist ausgezeichnet
bestanden
3.2.1
Fokussierung führt nicht zu Kontextänderung
bestanden
3.2.2
Eingabe 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.1
Fehlermeldungen sind in Textform vorhanden
bestanden
3.3.3
Fehlermeldungen enthalten Korrekturvorschläge
bestanden
3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten)
bestanden
4.1.1
Syntaxspezifikationen sind erfüllt
bestanden
4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben
bestanden

Nicht anwendbar

Kriterium Status Notizen
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht anwendbar Erklärung zur Barrierefreiheit fehlt, Ergebnis der formalen Prüfung: nicht anwendbar.