Staatliches Gutachten zur digitalen Barrierefreiheit

dashboard-integration.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Fehlende Alternativtexte, falsche HTML-Struktur, unzureichende Zustandsanzeigen und irreführende Linkzwecke machen zentrale Inhalte und Navigation für Screenreader-Nutzer weitgehend unzugänglich.

Sehbehinderung Kaum nutzbar

Massive Kontrastprobleme, fehlender Reflow, Probleme bei Textabstand und reine Farbcodierung in Diagrammen behindern das Erkennen und Lesen der Inhalte stark.

Hörbehinderung Weitgehend zugänglich

Spezifische Gebärdensprachinhalte fehlen zwar, aber grundlegende Funktionen scheinen größtenteils visuell verfügbar zu sein, auch wenn strukturelle Mängel die Orientierung erschweren.

Motorische Behinderung Kaum nutzbar

Wesentliche Schaltflächen sind nicht per Tastatur bedienbar und Fokusindikationen sind teils unsichtbar, wodurch eine vollständige Nutzung mit Tastatur oder Spracherkennung stark eingeschränkt ist.

Lernbehinderung Kaum nutzbar

Fehlende klare Struktur, unpräzise Labels, spontane Kontextwechsel bei Eingabe und das Fehlen von Leichte-Sprache-Inhalten erschweren Verständnis und Orientierung erheblich.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusreihenfolge, unerwartete Kontextwechsel und mangelnde Struktur können zu Überforderung führen, auch wenn Inhalte grundsätzlich erreichbar bleiben, sofern keine starken visuellen oder motorischen Einschränkungen hinzukommen.

Dokumentierte Barrieren

  • Schaltflächen nicht per Tastatur erreichbar

    Mehrere markierte Schaltflächen auf zentralen Seiten lassen sich nicht mit der Tastatur bedienen. Dadurch ist die Nutzung wichtiger Bereiche ohne Maus nicht zuverlässig möglich.

    Auswirkung: Ich kann wichtige Seitenbereiche und Aktionen nicht vollständig erreichen. Wenn ich nur mit Tastatur arbeite, bleibe ich bei zentralen Funktionen hängen.

  • Fehlende Alternativtexte für Bedienelemente

    Grafische Steuerungen und Logos haben keine verständlichen Textalternativen. Für mich ist dann nicht erkennbar, wofür diese Elemente da sind oder was sie auslösen.

    Auswirkung: Ich kann Symbole und Logo-Elemente nicht sinnvoll bedienen oder unterscheiden. Mit Screenreader fehlen mir dadurch wichtige Aktionen und Navigationsmöglichkeiten.

  • Informative Grafiken und Diagramme ohne Textalternative

    Wichtige Bilder und interaktive Diagramme sind nicht ausreichend beschrieben. Dadurch bleiben Inhalte, die nur visuell vermittelt werden, für mich unverständlich.

    Auswirkung: Ich kann Informationen aus Diagrammen und Hilfegrafiken nicht erfassen. Das kann zentrale Aussagen der Seite für mich unzugänglich machen.

  • Versteckte Menüpunkte werden per Tab erreicht

    Ausgeklappte Unterpunkte sind schon im Ausgangszustand über die Tab-Reihenfolge erreichbar, obwohl sie visuell verborgen sind. Dadurch landet der Fokus an Stellen, die ich auf dem Bildschirm nicht sehe.

    Auswirkung: Ich verliere die Orientierung und weiß nicht, warum der Fokus springt. Die Navigation wird dadurch fehleranfällig und verwirrend.

  • Unsichtbarer oder kaum sichtbarer Fokus

    Viele Links und Buttons zeigen beim Ansteuern per Tastatur keinen klar erkennbaren Fokus. Teilweise ist die Hervorhebung zu schwach, um sie sicher zu verfolgen.

    Auswirkung: Ich weiß oft nicht, wo ich mich gerade befinde. Dadurch kann ich Bedienelemente nur sehr unsicher oder gar nicht per Tastatur nutzen.

  • Inhalte brechen bei Zoom und schmaleren Ansichten ab

    Bei starkem Zoom werden Inhalte abgeschnitten, und ein Sprunglink verdeckt Teile des Fußbereichs. Dadurch sind einige Bereiche nicht mehr vollständig sichtbar.

    Auswirkung: Ich kann bei vergrößerter Darstellung nicht alle Inhalte lesen oder erreichen. Das ist besonders problematisch, wenn ich auf Zoom angewiesen bin.

  • Dynamische Zustände werden nicht angekündigt

    Bedienelemente teilen ihren Zustand nicht mit, und Dialoge sind nicht als solche erkennbar. Auch die kombinierte Suche liefert keine klaren Rollen oder Beziehungen für Hilfstechnologien.

    Auswirkung: Ich bekomme keine verlässliche Rückmeldung, ob etwas geöffnet, aktiv oder als Dialog dargestellt ist. Dadurch verliere ich die Orientierung bei wichtigen Interaktionen.

  • Falsche oder unklare Linkziele

    Einige Links werden mit irreführenden Bezeichnungen ausgegeben oder haben ohne Kontext keinen klaren Zweck. Gleiche Linktexte in Diagrammen lassen sich nicht sicher unterscheiden.

    Auswirkung: Ich kann Links nicht zuverlässig auswählen, weil ich nicht weiß, wohin sie führen. Das erhöht das Risiko von Fehlbedienung und kostet Zeit.

  • Diagramminhalte nur über Farbe unterscheidbar

    Farben werden allein genutzt, um Diagrammflächen auseinanderzuhalten. Zusätzliche Kennzeichnungen fehlen oder sind nicht ausreichend deutlich.

    Auswirkung: Ich kann Datenreihen oder Flächen nicht sicher auseinanderhalten. Für mich gehen wichtige Informationen in den Diagrammen verloren.

  • Zu geringer Textkontrast

    Text in Navigation und aktiven Zuständen hat einen zu niedrigen Kontrast. Dadurch ist Lesen deutlich erschwert, besonders bei Sehschwäche.

    Auswirkung: Ich muss mich stark anstrengen, um Inhalte zu lesen. Das verlangsamt mich und kann dazu führen, dass ich Texte übersehe.

  • Zusatzinfos in Hover-Boxen nicht zuverlässig nutzbar

    Infokästen in Diagrammen verschwinden zu schnell oder lassen sich nicht korrekt schließen. Dadurch sind ergänzende Informationen nicht dauerhaft abrufbar.

    Auswirkung: Ich verpasse Zusatzinformationen oder kann sie nicht in Ruhe lesen. Das erschwert das Verstehen der Diagramme erheblich.

  • Unklare Beschriftung von Formularfeldern

    Das Hauptsuchfeld hat nur einen Platzhaltertext statt einer dauerhaften Beschriftung. Für mich ist dadurch nicht immer klar, was eingegeben werden soll.

    Auswirkung: Ich kann das Feld leichter übersehen oder falsch interpretieren, besonders mit Hilfstechnologien oder bei schwachem Kontrast. Das erschwert die Nutzung der Suche.

  • Strukturlücken bei Überschriften und Listen

    Überschriften sind im HTML teilweise falsch oder gar nicht angelegt, und Listen sind nur teilweise ausgezeichnet. Dadurch ist die Seitenstruktur schwer nachvollziehbar.

    Auswirkung: Ich kann Inhalte nicht schnell über Überschriften oder Listen erfassen. Das macht das Überfliegen und gezielte Springen durch die Seite deutlich schwieriger.

  • Fehlende Erklärung zur Barrierefreiheit und Zusatzinformationen

    Es fehlt eine aktuelle und vollständige Erklärung zur Barrierefreiheit. Außerdem gibt es keine Hinweise in Leichter Sprache und keine Gebärdensprachseite.

    Auswirkung: Ich kann nicht gut erkennen, welche Barrieren es gibt und welche Alternativen verfügbar sind. Für mich fehlen wichtige Informationen zur Nutzung und zum Zugang.

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 (Version 23H2)
Browser
Firefox (Version 144.0.2), Chrome (Version 142.07)
Screenreader
NVDA (Version 2025.3)
Auflösung
1920 × 1080
Tools
Colour Contrast Analyser (Version 3.5.5), PDF Accessibility Checker 2024 (Version 24.4.3.0)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente
nicht bestanden Mehrere grafische Steuerungen und Logos vermitteln ihre Funktion ausschließlich visuell; ohne aria-label oder vergleichbare Alternativen sind sie für Screenreader-Nutzer unzugänglich.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte
nicht bestanden Informative Bilder, z. B. Dashboard- bzw. Hilfegrafiken und interaktive Diagrammvisualisierungen, besitzen keine oder unzureichende Textalternativen, sodass komplexe Inhalte für blinde Nutzer unerreichbar bleiben.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften
nicht bestanden Visuell erkennbare Überschriften fehlen im HTML, Überschriften werden in falsche Ebenen gesetzt und an Stellen, die ohnehin keine Überschrift sind; Nutzern assistiver Technologien fehlt Orientierung.
4.9.1.3.1.b
HTML-Strukturelemente für Listen
nicht bestanden Footernavigationen, Diagrammlisten und Suchergebnisblöcke wurden nur teilweise mit ul/li ausgezeichnet, was Screenreader-Nutzern die Anzahl und Struktur der Einträge verschleiert.
4.9.1.4.1
Benutzung von Farbe
nicht bestanden Farben dienen allein zur Unterscheidung von Diagrammflächen und es fehlen zusätzliche Kennzeichnungen oder ausreichend hohe Kontrastwerte, weshalb fehlsichtige Nutzer die Daten nicht trennen können.
4.9.1.4.3
Kontrast (Minimum)
nicht bestanden Textfarben in Navigation und aktiven Zuständen liegen mit 2,8:1 bis 3,6:1 deutlich unter dem 4,5:1-Minimum, was Lesen für fehlsichtige Nutzer erschwert.
4.9.1.4.10
Automatischer Umbruch (Reflow)
nicht bestanden Bei 400 % Zoom und 1280 × 1024 px werden Inhalte abgeschnitten und der “Zurück nach oben”-Sprunglink verdeckt Teile des Fußbereichs, weshalb Funktionen nicht mehr einsehbar bleiben.
4.9.1.4.11
Nicht-Text-Kontrast
nicht bestanden Linien, Icons und grafische Bedienelemente in Diagrammen erreichen vielfach keinen 3:1-Kontrast zum Hintergrund, sodass informationstragende Elemente für sehbehinderte Personen nicht erkennbar sind.
4.9.1.4.12
Textabstand
nicht bestanden Erhöhte Zeilen-, Absatz- und Zeichenabstände führen dazu, dass Layoutbereiche überlaufen oder sich überlagern, wodurch Texte nicht mehr zuverlässig lesbar sind.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus
nicht bestanden Infokästen in Diagrammen verschwinden zu schnell oder lassen sich nicht über ESC bzw. ohne Fokuswechsel schließen; Nutzer erhalten dadurch nicht alle Zusatzinformationen.
4.9.2.1.1
Tastatur
nicht bestanden Markierte Schaltflächen auf Kopf-, Seiten- und Datenschutzseiten sind gar nicht per Tastatur erreichbar; die Seite kann so für motorisch eingeschränkte Nutzer nicht vollständig bedient werden.
4.9.2.4.2
Seite mit Titel
nicht bestanden Dem Dokumenttitel fehlt der individuelle Seitenteil, es wird nur der allgemeine Name ohne Unterscheidung je Seite ausgegeben, wodurch Screenreader-Nutzer keine Orientierung im Tab erhalten.
4.9.2.4.3
Fokus-Reihenfolge
nicht bestanden Ausgeklappte Menüunterpunkte sind bereits im Ausgangszustand über die Tab-Reihenfolge erreichbar und auslösbar, obwohl sie visuell versteckt sind; der Fokuspunkt springt zu versteckten Bereichen.
4.9.2.4.4
Linkzweck (im Kontext)
nicht bestanden Blinde Nutzer erfahren falsche Linkziele, z. B. wird von einem Link eine falsche Navigation über aria-label verkündet und gleiche Linktexte in Diagrammen sind ohne Kontext nicht unterscheidbar.
4.9.2.4.7
Fokus sichtbar
nicht bestanden Viele Links und Buttons zeigen beim Fokuserhalt keinen ausreichenden Kontrast (unter 3:1) oder keine sichtbare Hervorhebung; insbesondere Diagrammlinks lassen sich für Tastaturnutzer nicht verfolgen.
4.9.2.5.3
Beschriftung (Label) im Namen
nicht bestanden Accessible Names für sichtbare Beschriftungen (z. B. “Zurück zur Startseite”, Suchfeld, Cookie-Checkbox) bestehen nur aus aria-label ohne sichtbaren Textbezug, wodurch Spracheingabe-Software die Elemente nicht zuverlässig aktiviert.
4.9.3.3.2
Beschriftungen (Labels) oder Anweisungen
nicht bestanden Das Hauptsuchfeld hat nur einen Platzhaltertext, keine dauerhafte, aussagekräftige Beschriftung, was für Personen mit Kontrastproblemen oder Screenreader-Nutzung problematisch ist.
4.9.4.1.2
Name, Rolle, Wert
nicht bestanden Bedienelemente, die weitere Inhalte öffnen, geben ihren Zustand nicht aus (aria-expanded fehlt), Dialoge besitzen keine role=dialog und die kombinierte Suche nutzt keine aria-rollen/labels und aria-controls, weshalb assistive Technologien keinen Zustand vermitteln können.
4.9.6
Konformitätsanforderungen der WCAG
nicht bestanden Die geprüften Seiten erfüllen nicht durchgehend alle Konformitätsstufen A und AA, unter anderem aufgrund der oben genannten Defizite.
5.2
Erklärung zur Barrierefreiheit
nicht bestanden Die Erklärung nennt nicht, welche Inhalte nicht barrierefrei sind, nennt keine Gründe, und wurde seit dem 26.11.2024 nicht aktualisiert; die Pflichtangaben gemäß BITV 2.0 fehlen.
5.4
Erläuterungen in Leichter Sprache
nicht bestanden Es existiert keine Seite mit textuellen Erläuterungen zu wesentlichen Inhalten, Navigation und Barrierefreiheit, die gemäß BITV 2.0 Anlage 2 gefordert ist.
5.5
Erläuterungen in Gebärdensprache
nicht bestanden Es fehlt eine begleitende Gebärdensprachseite mit Navigationserläuterungen, Barrierefreiheitsinhalt und Hinweisen auf weitere Informationen; BITV 2.0-Anforderungen bleiben unerfüllt.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.3.2.2
Bei Eingabe
im Wesentlichen bestanden Vorschläge in der Suche lösen sofort eine neue Seite beim Übernehmen aus, ohne dass Nutzer aktiv auf ’Suchen’ klicken, wodurch der Kontext schlagartig wechselt und der aktuelle Fokus verloren geht.

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.