Staatliches Gutachten zur digitalen Barrierefreiheit

DVV International

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader, Fokusführung und Formulare sind nicht erfüllt, sodass Navigation und Formulare zwar grundsätzlich möglich, aber deutlich erschwert und teils fehleranfällig sind.

Sehbehinderung Mit Hindernissen nutzbar

Probleme mit Fokus-Sichtbarkeit, Nicht-Text-Kontrast und farbabhängigen Zuständen erschweren Orientierung, aber es liegen keine Hinweise auf gravierende Zoom- oder Strukturprobleme vor.

Hörbehinderung Mit Hindernissen nutzbar

Fehlende DGS-Inhalte beeinträchtigen vor allem den Zugang zu Meta-Informationen, während sonstige Inhalte für geübte Schriftsprachnutzerinnen weitgehend zugänglich bleiben.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturprobleme bei Navigation, Cookie-Banner, Untermenüs, Skiplinks und Fokus-Reihenfolge machen die Bedienung für reine Tastatur- oder Switch-Nutzende durchgängig anstrengend und teils unzuverlässig.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unklare Formulare, schwache Fehlerhilfen und fehlende strukturierte Erklärungen führen zu hoher kognitiver Belastung, insbesondere bei Eingaben und Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusführung, redundante Links, unpräzise Formulare und fehlende vereinfachte Inhalte können Reizüberlastung und Desorientierung verstärken, auch wenn grundlegende Funktionen nutzbar bleiben.

Dokumentierte Barrieren

  • Tastatur-Navigation in Untermenüs unzuverlässig

    Untermenüs lassen sich nicht sauber mit der Tastatur öffnen, schließen und wieder verlassen. Die Fokusführung und der Zustand des Menüs sind dabei nicht verlässlich erkennbar.

    Auswirkung: Ich kann mich im Hauptmenü schnell festfahren oder wichtige Bereiche gar nicht erreichen. Mit Tastatur oder Switch wird die Orientierung im Menü unnötig schwierig.

  • Cookie-Banner kann Fokus blockieren

    Der Cookie-Banner ist nicht als sauberer modaler Dialog umgesetzt. Dadurch kann der Fokus außerhalb des Banners springen oder die Bedienung unerwartet unterbrochen werden.

    Auswirkung: Ich kann beim ersten Seitenaufruf hängen bleiben oder wichtige Bedienelemente außerhalb des Banners nicht direkt erreichen. Besonders mit Tastatur wird der Einstieg auf die Seite erschwert.

  • Fehlermeldungen sind nicht eindeutig mit Formularfeldern verknüpft

    Wenn ein Formularfehler auftritt, wird die Meldung nicht sauber dem betroffenen Feld zugeordnet. Dadurch ist für mich nicht klar, welches Feld korrigiert werden muss.

    Auswirkung: Ich muss länger suchen und probieren, bis ich den Fehler verstehe. Bei mehreren Feldern kann ich Eingaben leicht übersehen oder doppelt machen.

  • Formularfelder sind nicht zuverlässig beschriftet

    Einige Eingabefelder haben keine dauerhaften Labels oder werden nur über Platzhalter erklärt. Pflichtfelder sind nicht immer klar als solche erkennbar.

    Auswirkung: Ich weiß nicht sofort, was ich eingeben soll und welche Felder zwingend sind. Das erhöht die Wahrscheinlichkeit von Fehlbedienung und Frust beim Ausfüllen.

  • Kein Skiplink zum Hauptinhalt

    Am Seitenanfang fehlt ein gut auffindbarer Sprung zum Hauptinhalt. Dadurch muss ich als Tastaturnutzer erst durch wiederkehrende Seitenelemente navigieren.

    Auswirkung: Ich brauche deutlich länger, um an den eigentlichen Inhalt zu gelangen. Auf jeder Seite kostet mich das zusätzliche, unnötige Tastatureingaben.

  • Startseite bietet keinen Link zu DGS-Inhalten

    Auf der Startseite fehlt ein gut sichtbarer Zugang zu Inhalten in Deutscher Gebärdensprache. Wichtige Hinweise zu Navigation und Barrierefreiheit sind dadurch nicht in DGS erreichbar.

    Auswirkung: Wenn ich auf DGS angewiesen bin, finde ich grundlegende Informationen nicht oder nur schwer. Das kann den Zugang zur Website insgesamt deutlich einschränken.

  • Sucheingabe ist für Screenreader nicht ausreichend beschriftet

    Das Sucheingabefeld hat keine dauerhafte, verlässliche Beschriftung und verlässt sich offenbar zu stark auf Platzhaltertext. Für assistive Technologien ist der Zweck des Felds dadurch nicht immer eindeutig.

    Auswirkung: Ich kann das Suchfeld schlechter erkennen oder verstehe nicht sicher, was dort eingegeben werden soll. Das macht die Nutzung der Suche fehleranfällig.

  • Suche liefert keinen guten Fokus nach dem Absenden

    Nach dem Absenden der Suche springt der Fokus nicht sinnvoll zu den Ergebnissen oder zu einer Statusmeldung. Stattdessen kann er an eine ungünstige Stelle zurückspringen.

    Auswirkung: Ich verliere nach dem Suchen die Orientierung und muss die Ergebnisse erst wieder finden. Besonders mit Tastatur oder Screenreader kostet mich das unnötig Zeit.

  • Fokus bei interaktiven Bildern kaum sichtbar

    Interaktive Bilder im Bereich „Aktuelles“ haben keinen klar erkennbaren Fokuszustand. Wenn ich per Tastatur durch die Seite gehe, sehe ich nicht zuverlässig, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere leicht die Orientierung und aktiviere versehentlich falsche Inhalte. Für mich wird die Nutzung langsamer und unsicherer.

  • Startseite bietet keinen Link zu Leichter Sprache

    Ein deutlicher Einstieg in Inhalte in Leichter Sprache fehlt auf der Startseite. Dadurch sind Orientierung, Navigation und Hinweise zur Barrierefreiheit nicht in vereinfachter Form verfügbar.

    Auswirkung: Wenn ich einfache Sprache brauche, muss ich mich durch schwerere Inhalte arbeiten. Das erhöht die Hürde, die Website selbstständig zu verstehen.

  • Keine hilfreichen Hinweise bei ungültiger E-Mail

    Bei einer falschen E-Mail-Adresse fehlt ein konkreter Korrekturhinweis. Die Fehlermeldung sagt mir nicht deutlich genug, wie das richtige Format aussieht.

    Auswirkung: Ich kann den Fehler nicht schnell selbst beheben und muss raten. Das macht das Absenden von Formularen unnötig schwierig.

  • Barrierefreiheitserklärung schwer auffindbar oder unvollständig

    Die Erklärung zur Barrierefreiheit ist nicht ausreichend klar benannt, leicht erreichbar oder vollständig ausgeführt. Wichtige Angaben wie Feedback, Rechtsgrundlage oder Durchsetzungsverfahren sind nicht komplett dokumentiert.

    Auswirkung: Ich finde nicht schnell heraus, wie barrierefrei die Website ist und wohin ich mich bei Problemen wenden kann. Das erschwert es mir, Barrieren zu melden oder Hilfe zu bekommen.

  • Aktiver Navigationspunkt ist nur über Farbe erkennbar

    Der aktuell ausgewählte Menüpunkt oder die aktive Seite wird nur farblich hervorgehoben. Ohne zusätzliches Merkmal ist der Zustand nicht für alle Nutzenden eindeutig wahrnehmbar.

    Auswirkung: Ich erkenne nicht immer, wo ich mich gerade auf der Website befinde. Das erschwert die Orientierung, vor allem bei Farbsehschwäche.

  • Suchfeld und Navigation haben schwache visuelle Hervorhebung

    Der Rahmen des Suchfelds und der aktive Zustand von Bedienelementen sind visuell nicht stark genug kontrastiert. Dadurch sind wichtige Interaktionspunkte schwerer erkennbar.

    Auswirkung: Ich übersehe Eingabefelder oder aktive Zustände leichter, besonders bei eingeschränktem Sehvermögen. Das verlangsamt die Bedienung und erhöht Fehler.

  • Story-Kacheln erzeugen unnötig viele Linksprünge

    In den Story-Kacheln sind Bild, Überschrift und Beschreibung offenbar als mehrere Links getrennt erreichbar. Das führt zu redundanten Fokusstationen statt zu einem klaren Zieleintrag.

    Auswirkung: Ich muss mehrmals mit der Tab-Taste springen, obwohl ich inhaltlich nur einen Artikel öffnen will. Das macht die Nutzung langsamer und unübersichtlicher.

  • Sprachwechsel wird für Screenreader nicht angekündigt

    Texte in einer anderen Sprache sind nicht zuverlässig mit dem passenden Sprachattribut markiert. Dadurch kann die Aussprache für Screenreader falsch sein.

    Auswirkung: Ich verstehe bestimmte Begriffe oder Abschnitte schlechter, weil sie falsch vorgelesen werden. Das stört besonders bei fremdsprachigen Namen oder Zitaten.

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
Browser
Chrome 140.0.7339.128
Screenreader
NVDA
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), Bookmarklets (bitvtest Werkzeugliste)
  • https://www.dvv-international.de/ Web-Angebot öffnen
  • https://www.dvv-international.de/unsere-arbeit/newsletter
  • https://www.dvv-international.de/unsere-arbeit/stories
  • https://www.dvv-international.de/suche?tx_kesearch_pi1%5Bsword%5D=pdf
  • https://www.dvv-international.de/fileadmin/files/Inhalte_Bilder_und_Dokumente/Materialien/Fach-_und_Positionspapiere/DVV_International_Strateg._Handlungsfelder_2024.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalt nicht bestanden Copyright-Informationen sollten entweder für Screenreader korrekt semantisch eingebunden oder mit aria-hidden="true" bzw. als dekoratives Element ausgezeichnet werden, sofern sie nicht inhaltlich relevant sind.
Nicht-Text-Inhalt nicht bestanden Der Alternativtext des Logos muss den sichtbaren Logotext und zugleich den Zweck des Links (z. B. „zur Startseite“) beschreiben, damit Screenreader-Nutzende die Funktion erkennen.
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus nicht bestanden Untermenüs müssen sich über die Tastatur öffnen/schließen lassen (z. B. durch Enter/Pfeiltasten sowie ESC oder erneutes Aktivieren) und eine stabile Fokusführung inklusive aria-expanded erhalten.
Blöcke überspringen nicht bestanden Ein sicht- und fokussierbarer Skiplink (z. B. href="#maincontent") sollte am Seitenanfang integriert werden, damit Tastaturnutzende direkt zum Hauptinhalt springen können.
Fokus-Reihenfolge nicht bestanden Der Cookie-Banner muss als modaler Dialog umgesetzt werden, der den Fokus vollständig innerhalb hält, bis eine bewusste Auswahl erfolgt, und danach logisch zurücksetzt.
Fokus sichtbar nicht bestanden Interaktive Bilder im Bereich „Aktuelles“ benötigen einen klar sichtbaren, kontrastreichen Fokusindikator (Mindestkontrast 3:1) oder sollten nicht fokussierbar gestaltet werden, wenn dekorativ.
Zusatzkriterien: Deutsche Gebärdensprache
Einem Link auf enthaltene Inhalte in Deutscher Gebärdensprache
nicht bestanden Auf der Startseite muss ein gut sichtbarer Link zu DGS-Inhalten bereitstehen, der Überblick über wesentliche Inhalte, Hinweise zur Navigation, die Erklärung zur Barrierefreiheit und weitere DGS-Inhalte umfasst.
Zusatzkriterien: Leichte Sprache
Einem Link auf enthaltene Inhalte in Leichter Sprache
nicht bestanden Die Startseite muss einen deutlichen Link zu Leichter Sprache enthalten und dort Infos zu Themen, Navigation und der Barrierefreiheitserklärung anbieten; Texte sollen geprüft und klar strukturiert sein.
Zusatzkriterien: Barrierefreiheitserklärung
Barrierefreiheitserklärung formal geprüft
nicht bestanden Die Erklärung zur Barrierefreiheit muss klar benannt und leicht erreichbar sein sowie Geltungsbereich, Rechtsgrundlage, Bewertung, nicht barrierefreie Inhalte, Prüfmethode, Datum, Feedback-Mechanismus, Kontakt und Durchsetzungsverfahren enthalten.
Info und Beziehungen nicht bestanden Fehlermeldungen müssen programmatisch mit dem jeweiligen Eingabefeld verbunden werden (z. B. via aria-describedby oder for-Attribut im label), damit Screenreader- und Tastaturnutzende den Fehler sofort erkennen.
Eingabezweck bestimmen nicht bestanden Formularfelder benötigen das HTML-Attribut autocomplete (z. B. autocomplete="given-name", "email" etc.), damit Assistive Technologien den Zweck der Eingabe programmatisch verstehen.
Benutzung von Farbe nicht bestanden Der aktive Navigationspunkt muss zusätzlich zur Farbänderung durch ein weiteres Merkmal (Symbol, Unterstreichung, aria-current="page" o.Ä.) gekennzeichnet werden.
Fokus-Reihenfolge nicht bestanden Nach Absenden eines fehlerhaften Formulars muss der Fokus entweder auf das erste fehlerhafte Feld gesetzt werden oder auf eine programmatisch verknüpfte Fehlerzusammenfassung springen.
Sprache von Teilen nicht bestanden Sprachwechsel im Text müssen im Code durch das lang-Attribut gekennzeichnet werden, damit Screenreader die korrekte Aussprache wählen.
Beschriftungen (Labels) oder Anweisungen nicht bestanden Formulare dürfen nicht nur über Placeholder beschriftet werden; es müssen dauerhafte Labels oder Beschreibungen vorhanden sein, die den Zweck des Felds klar benennen.
Beschriftungen (Labels) oder Anweisungen nicht bestanden Pflichtfelder müssen mit einer Erklärung („* = Pflichtfeld“ oder „E-Mail-Adresse (Pflichtfeld)“) beschrieben und ggf. mit aria-required="true" versehen werden, damit alle Nutzenden wissen, welche Eingaben erforderlich sind.
Vorschlag bei Fehler nicht bestanden Die Fehlermeldung für ungültige E-Mail-Adressen muss einen konkreten Korrekturhinweis enthalten (z. B. Format name@domain.de), um Nutzende bei der korrekten Eingabe zu unterstützen.
Benutzung von Farbe nicht bestanden Auch die Paginierung benötigt eine zusätzliche Kennzeichnung (z. B. aria-current="page" oder Unterstreichung), damit der aktive Punkt nicht ausschließlich über Farbe erkennbar bleibt.
Linkzweck (im Kontext) nicht bestanden Story-Kacheln sollen nur einen einzigen Link enthalten, in dem Bild, Überschrift und Beschreibung zusammengefasst sind, damit Tastaturnutzende keine redundanten Tabs durchlaufen.
Nicht-Text-Kontrast nicht bestanden Der sichtbare Rahmen des Sucheingabefeldes muss einen Kontrast von mindestens 3:1 zum Hintergrund aufweisen oder durch stärkere Linien/Bereiche besser hervorgehoben werden.
Fokus-Reihenfolge nicht bestanden Nach Absenden der Suche muss der Fokus auf den Anfang der Suchergebnisse oder eine Statusmeldung gesetzt werden (z. B. via element.focus() oder Live-Region), nicht zum Seitenanfang zurückspringen.
Beschriftungen (Labels) oder Anweisungen nicht bestanden Das Sucheingabefeld benötigt eine dauerhafte Beschriftung statt ausschließlich eines Placeholder-Texts, damit Screenreader-Nutzende den Zweck jederzeit erkennen.

Möglicherweise verwandte Prüfungen

Internationaler Bund

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 14.08.2023

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.