Staatliches Gutachten zur digitalen Barrierefreiheit

www.difu.de

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 01.10.2025 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

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.

Veränderung

Aktuell angezeigt
15 gefundene Barrieren
7,1/10 Ø Schwere
Gutachten ansehen
11 gefundene Barrieren -4 zur vorherigen Prüfung
7,0/10 Ø Schwere -0,1 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Suche und Navigation nicht per Tastatur erreichbar

    Wichtige Bedienelemente wie das Such-Icon, Untermenüs der Haupt- und Metanavigation, Slider-Steuerungen und Teile der erweiterten Suche lassen sich nicht mit der Tastatur erreichen. Damit fehlen zentrale Wege, um Inhalte zu finden und die Seite zu bedienen.

    Auswirkung: Ich kann die Suche oder wichtige Navigationspunkte nicht vollständig nutzen, wenn ich keine Maus verwende. Das kann mich daran hindern, gezielt Inhalte aufzurufen oder mich auf der Website zu orientieren.

  • Skip-Link funktioniert nicht

    Der angebotene Sprunglink zum Inhaltsbereich führt nicht verlässlich zum Ziel. Wiederkehrende Bereiche können dadurch nicht übersprungen werden.

    Auswirkung: Ich muss mich bei jeder Seite durch Kopfbereich und Navigation tabben, bevor ich zum eigentlichen Inhalt komme. Das kostet Zeit und erschwert die Nutzung deutlich, besonders mit Screenreader oder Tastatur.

  • Automatisch laufender Slider ohne Stopp

    Auf der Startseite läuft ein Slider automatisch weiter, ohne dass eine Pause- oder Stopp-Funktion angeboten wird. Gleichzeitig sind die Slider-Bedienelemente teilweise nicht erreichbar und die Ausgabe für Screenreader ist störend.

    Auswirkung: Ich kann Inhalte nicht in meinem eigenen Tempo lesen und werde durch wechselnde Inhalte abgelenkt. Das kann die Startseite schwer nutzbar machen, besonders wenn ich Unterstützung durch Assistive Technik brauche.

  • Schlechter Kontrast von Texten, Links und Schaltflächen

    Mehrere Links, Texte und Buttons haben einen zu geringen Farbkontrast zum Hintergrund. Betroffen sind auch der Such-Platzhalter und der Zustimmen-Button im Cookie-Banner.

    Auswirkung: Ich kann Inhalte und Bedienelemente schwer erkennen, vor allem bei schwachem Sehen oder auf schlechten Bildschirmen. Dadurch übersehe ich leichter Links, Eingabefelder oder wichtige Hinweise.

  • Keine Leichte Sprache und keine Gebärdensprache

    Es gibt weder Inhalte in Leichter Sprache noch ein Gebärdensprach-Video. Für bestimmte Zielgruppen fehlen damit wichtige Zugänge zu den Informationen.

    Auswirkung: Wenn ich auf Leichte Sprache oder Gebärdensprache angewiesen bin, kann ich die Inhalte deutlich schlechter oder gar nicht verstehen. Das erschwert mir den Zugang zu zentralen Informationen erheblich.

  • Fokusreihenfolge und doppelte Fokusziele verwirren

    Beim Bedienen mit der Tastatur springt der Fokus teils in einer unpassenden Reihenfolge durch Sliders, Teaser und Suchergebnisse. Mehrere Links führen zudem auf dasselbe Ziel oder unnötige Fokusstationen ohne Funktion.

    Auswirkung: Ich brauche länger, um durch Inhalte zu kommen, und verliere leichter die Orientierung. In Suchergebnissen oder Teasern kann ich nicht schnell erkennen, was wirklich anklickbar und relevant ist.

  • Fokus ist oft nicht sichtbar

    Bei Bildern in Projekt- und Teaserbereichen ist der Tastaturfokus nicht oder nur unvollständig sichtbar. Dadurch ist nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich weiß nicht sicher, wo ich mich auf der Seite befinde, wenn ich mit Tab navigiere. Das erhöht die Fehlbedienungsgefahr und macht die Bedienung anstrengend.

  • Suchfelder ohne echtes Label

    Das Suchfeld im Header und im Inhaltsbereich ist nur mit Platzhaltertext beschriftet und hat kein richtiges Label. Der Platzhalter allein verschwindet beim Tippen und ist keine verlässliche Beschriftung.

    Auswirkung: Ich kann schwerer verstehen, wofür das Feld gedacht ist, besonders mit Screenreader oder bei Ablenkung. Das erschwert die Nutzung der Suche und kann zu Eingabefehlern führen.

  • Screenreader-Ausgabe und Struktur teils fehlerhaft

    Auf mehreren Seiten werden Inhalte in unpassender Reihenfolge oder mit unnötigen Leerstellen ausgegeben. Einige Bereiche sind außerdem nicht sauber gruppiert oder als Navigation ausgezeichnet.

    Auswirkung: Ich kann Inhalte schwerer verstehen und muss öfter zurückspringen, um die Seite zu erfassen. Das kostet Zeit und macht die Orientierung mit Screenreader unnötig kompliziert.

  • Mehrere Steuerelemente geben Rolle und Zustand nicht korrekt aus

    Einige Bedienelemente melden ihren Zweck oder Zustand nur unvollständig, etwa Slider-Punkte, Filter, Druck- oder Teilen-Buttons und der Nach-oben-Button. Dadurch ist für Hilfstechnologien nicht immer klar, was ein Element ist oder ob es offen ist.

    Auswirkung: Ich kann schwerer erkennen, welche Kontrolle ich gerade bediene und welchen Zustand sie hat. Das erhöht die Fehlergefahr und erschwert die Nutzung von Suche, Teilen und Navigation.

  • PDF nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit ist das Dokument für assistive Technik voraussichtlich nur eingeschränkt zugänglich.

    Auswirkung: Ich kann das PDF möglicherweise nicht zuverlässig mit Screenreader oder anderen Hilfsmitteln lesen. Wichtige Informationen aus dem Dokument können mir dadurch verborgen bleiben.

  • Links nur über Farbe erkennbar

    Einige Links im Fließtext sind ausschließlich durch Farbe gekennzeichnet und heben sich zu wenig vom restlichen Text ab. Es fehlt damit eine klare zusätzliche Unterscheidung.

    Auswirkung: Ich erkenne möglicherweise nicht, welche Textstellen anklickbar sind. Das kann dazu führen, dass ich wichtige Verweise wie Datenschutz oder Projektbezug übersehe.

  • Unklare Beschriftungen bei Suche und Filtern

    Mehrere Bedienelemente der erweiterten Suche sind schlecht benannt, etwa „Bereich“, „Zur nächsten Seite“ oder „Auswahl zurücksetzen“. Dadurch ist der Zweck der Elemente nicht unmittelbar verständlich.

    Auswirkung: Ich muss raten, was ein Button oder Filter tatsächlich bewirkt. Das macht die Suche langsamer und fehleranfälliger, besonders wenn ich auf klare Ansagen angewiesen bin.

  • Untermenüs bleiben bei Mouseover nicht steuerbar

    Einblendungen im Haupt- und Metamenü lassen sich nicht ohne Mausbewegung wieder schließen. Es fehlt eine einfache Möglichkeit, solche Inhalte per Tastatur zu kontrollieren.

    Auswirkung: Ich kann versehentlich geöffnete Menüs nicht bequem wieder loswerden und werde in der Bedienung eingeschränkt. Das stört die Orientierung und kann wichtige Inhalte verdecken.

  • Suchergebnisseite nach Nachladen schwer bedienbar

    Beim Nachladen weiterer Suchergebnisse wird der Fokus nicht auf das erste neue Ergebnis gesetzt. Zusätzlich ist die Schaltfläche zum Laden weiterer Ergebnisse unklar bezeichnet.

    Auswirkung: Ich kann neue Treffer schwer finden und muss länger suchen, bis ich an der richtigen Stelle weiterarbeiten kann. Das erschwert das Arbeiten mit vielen Ergebnissen deutlich.

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 122.0.6261.95
Screenreader
NVDA 2023.3.1
Tools
Google Chrome 122.0.6261.95, NVDA 2023.3.1, PAC3

Veränderung nach WCAG-Kriterien

01.10.2025 Vereinfachte Überwachung Gutachten ansehen
49 nicht bestanden 0 weitgehend 0 bestanden
11.04.2024 Vereinfachte Überwachung
angezeigtes 22 nicht bestanden 2 weitgehend 29 bestanden
  • www.difu.de Web-Angebot öffnen
  • 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

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Startseite: Beim automatisch ablaufenden ersten Slider wird kein Button zum Beenden oder Pausieren angeboten.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Der angebotene Skip-Link zum Inhaltsbereich funktioniert nicht.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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.
WCAG 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
WCAG 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:."
WCAG 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
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.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		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 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.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		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.1
Sprache ist ausgezeichnet 		bestanden
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.2
Eingabe 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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 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.

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