Staatliches Gutachten zur digitalen Barrierefreiheit

www.nks-eu4health.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler bei Struktur, Lesereihenfolge, Formularen, Fokusführung und Beschriftungen erschweren Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Fehlende oder schwache Kontraste, teils unsichtbarer Tastaturfokus und nicht anpassbare Schriftgrafiken beeinträchtigen die visuelle Wahrnehmbarkeit und Bedienung stark.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind mit Untertiteln und Alternativen ausgestattet, jedoch fehlen Gebärdensprache-Angebote und teils Leichte-Sprache-Unterstützung.

Motorische Behinderung Mit Hindernissen nutzbar

Wesentliche Formularelemente sind per Tastatur nicht erreichbar und der Fokus ist teilweise schlecht sichtbar, was die Nutzung mit alternativen Eingabegeräten stark einschränkt.

Lernbehinderung Mit Hindernissen nutzbar

Grundlegende Struktur und Fehlervermeidung sind gegeben, aber fehlende Leichte Sprache, unklare Fokusführung und teils komplexe Formulare erschweren das Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Konstante Navigation und keine Zeit- oder Animationsprobleme helfen, aber unklare Fokusreihenfolge, redundante Elemente und fehlende Leichte Sprache können Überforderung und Desorientierung auslösen.

Dokumentierte Barrieren

  • Formularfelder per Tastatur nicht bedienbar

    Auf der Formularseite sind Radiobuttons und Checkbox nicht mit der Tastatur erreichbar oder bedienbar. Dadurch lassen sich wichtige Auswahl- und Bestätigungsfelder nicht zuverlässig nutzen.

    Auswirkung: Ich kann das Formular ohne Maus nicht vollständig ausfüllen. Das blockiert zentrale Anträge oder Anmeldungen für mich wahrscheinlich komplett.

  • Fehlermeldungen werden nicht sinnvoll ausgegeben

    Nach dem fehlerhaften Absenden eines Formulars werden die Fehlermeldungen vom Screenreader nicht angekündigt und nicht mit den betroffenen Feldern verknüpft. Außerdem sind Eingabefelder nur über Platzhalter statt klare Beschriftungen erkennbar.

    Auswirkung: Ich erfahre nicht verlässlich, was falsch ist und wo ich etwas korrigieren muss. Dadurch kann ich das Formular nur mühsam oder gar nicht korrekt abschicken.

  • Screenreader erkennt Rollen und Zustände von Formularsteuerelementen nicht

    Die Rolle von Radiobuttons und Checkbox wird vom Screenreader nicht ausgegeben, weil Standard-HTML-Elemente über CSS ausgeblendet werden. Zusätzlich sind Gruppenbeschriftungen nicht programmatisch ermittelbar.

    Auswirkung: Ich verstehe nicht zuverlässig, welche Auswahlmöglichkeiten es gibt und welchen Zustand sie haben. Das macht Formularbedienung mit assistiver Technik deutlich schwieriger.

  • Tastaturfokus ist auf wichtigen Elementen nicht sichtbar

    Der Fokus ist auf Teasern und dem Anmelden-Button nicht gut oder gar nicht erkennbar; zusätzlich ist der Rahmen wegen schwachem Kontrast schwer wahrnehmbar. Auch können beim Fokus Inhalte wie Cookie-Banner den eigentlichen Seiteninhalt überlagern.

    Auswirkung: Ich weiß nicht sicher, wo ich mich gerade befinde, und kann Bedienelemente leicht übersehen. Das macht die Navigation per Tastatur unsicher und anstrengend.

  • Unklare und gestörte Fokusreihenfolge

    Die Fokusreihenfolge ist auf mehreren Seiten nicht stimmig: Inhalte werden teils mehrfach fokussiert, nachgeladene Ergebnisse erhalten keinen sinnvollen Fokus, und nicht sichtbare Elemente wie ein verborgenes Suchfeld werden erreicht. Außerdem liegt das Cookie-Banner erst spät im Fokus und überlagert Inhalte.

    Auswirkung: Ich verliere beim Tabben schnell die Orientierung und muss unnötig viele Schritte machen. Für mich wird die Nutzung unübersichtlich und teilweise frustrierend.

  • Kontrastmängel erschweren das Erkennen von Text und Bedienelementen

    Mehrere Texte haben zu wenig Kontrast, etwa graue Header-Links, helle Platzhaltertexte und Fehlertexte auf rotem Hintergrund. Auch die Rahmen von Formularelementen sind sehr schwach sichtbar.

    Auswirkung: Ich erkenne wichtige Hinweise, Links und Eingabefelder schlechter, besonders bei schwachem Sehvermögen oder bei heller Umgebung. Dadurch übersehe ich schneller Inhalte oder Fehlermeldungen.

  • Navigation und Untermenüs sind per Tastatur schwer kontrollierbar

    Das per Mouseover eingeblendete Untermenü lässt sich nicht mit der Escape-Taste schließen. Zusätzlich ist die Navigation nicht eindeutig beschriftet, sodass Sprungmarken und Bereiche schwerer auffindbar sind.

    Auswirkung: Ich kann ein geöffnetes Untermenü nicht leicht wieder verlassen und verliere Kontrolle über die Navigation. Das erschwert mir das gezielte Wechseln zwischen Seitenbereichen.

  • Links und Schaltflächen sind teils nicht verständlich benannt

    Mehrere Links und Buttons haben keinen klaren, passenden zugänglichen Namen, etwa Slides als Linktext, der Nach-oben-Link nur als URL, oder der Link „Mehr erfahren“ ohne passende programmatische Beschriftung. Dadurch ist der Zweck der Bedienelemente nicht immer erkennbar.

    Auswirkung: Ich kann nicht sicher entscheiden, wohin ein Link führt oder was ein Button auslöst. Das kostet Zeit und kann dazu führen, dass ich falsche Bereiche öffne.

  • Überschriften- und Inhaltsstruktur ist uneinheitlich

    Auf mehreren Seiten sind Überschriften hierarchisch falsch aufgebaut oder gar nicht als Überschrift ausgezeichnet. Zusätzlich werden auf der Startseite Slides linear mehrfach vorgelesen, was die Inhaltslogik stört.

    Auswirkung: Ich kann Inhalte mit Screenreader oder Überschriftennavigation schlechter erfassen und schneller überblicken. Das erschwert mir, relevante Informationen zu finden und inhaltlich zu verstehen.

  • PDF-Dokument ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF-Dokument ist nicht PDF/UA-konform. Damit können Struktur, Lesereihenfolge oder Auszeichnung im Dokument eingeschränkt sein.

    Auswirkung: Ich kann das PDF möglicherweise nicht zuverlässig mit meinem Screenreader lesen oder darin navigieren. Für mich sind damit Inhalte aus dem Dokument nur eingeschränkt zugänglich.

  • Such- und Toolbar-Inhalte stören die Lesereihenfolge

    Nicht sichtbare Inhalte der Barrierefreiheits-Toolbar werden in der linearen Ausgabe erreicht, und die Suche erzeugt unnötige doppelte Schalter sowie ein „anklickbar Suche“-Element. Dadurch ist die Reihenfolge der Inhalte nicht sauber nachvollziehbar.

    Auswirkung: Ich werde beim Lesen mit Screenreader abgelenkt und verliere den Zusammenhang. Das verlangsamt die Suche nach Informationen und macht die Bedienung verwirrend.

  • Sprache einzelner Inhalte ist nicht korrekt ausgezeichnet

    Mehrere englische Beschriftungen und Textabschnitte sind nicht zuverlässig mit der passenden Sprache markiert. Das betrifft unter anderem Slider-Buttons, Skip-Links und Toolbar-Beschriftungen.

    Auswirkung: Ich höre oder lese Inhalte mit Screenreader unter Umständen in der falschen Aussprache. Das erschwert das Verstehen und wirkt unruhig oder irritierend.

  • Feldzweck für gespeicherte Nutzerdaten ist nicht ausgezeichnet

    Eingabefelder für Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet. Dadurch kann die Unterstützung durch Browser und Hilfstechnologien für bekannte Eingaben fehlen.

    Auswirkung: Ich muss meine Daten öfter manuell eingeben und kann weniger von Hilfen wie automatischem Ausfüllen profitieren. Das macht Formulare langsamer und fehleranfälliger.

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 126.0.6478.127
Screenreader
NVDA 2024.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.nks-eu4health.de/ Web-Angebot öffnen
  • https://www.nks-eu4health.de/?s=F%C3%B6rderung
  • https://www.nks-eu4health.de/kontakt-und-newsletter/
  • https://www.nks-eu4health.de/foerderungen/aktuelle-foerderungen/
  • https://www.nks-eu4health.de/antragstellung/antragstellung-finanzhilfen-grants/
  • https://www.nks-eu4health.de/wp-content/uploads/Arbeitsprogramm-2023_en.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Überschriften hierarchisch falsch, drei gleiche Hauptüberschriften; Suchseite: Überschriften der Suchergebnisse hierarchisch nicht korrekt; Formularseite: Gruppenbeschriftung für Radiobuttons programmatisch nicht ermittelbar; Formularseite: Radiobutton- und Checkbox-Zustand im Hochkontrastmodus schlecht sichtbar, Formularfelder ohne Rahmen; Inhaltsseite: Überschriften hierarchisch falsch bzw. „Thema …“ nicht als Überschrift ausgezeichnet; Videoseite: Überschriften hierarchisch nicht korrekt.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Startseite: Slides werden linear lesend dreimal ausgegeben; Formularseiten: Radiobuttons und Checkbox werden nicht als solche ausgegeben; Alle Seiten: Nicht sichtbare Inhalte der Barrierefreiheits-Toolbar werden linear lesend erreicht; Alle Seiten: Suche erzeugt linear lesend zwei Such-Schalter und ein Element „anklickbar Suche“.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularseite: Eingabefelder für Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Formularseite: Kontrastverhältnis weißer Fehlertexte auf rotem Hintergrund 4:1 zu gering; Alle Seiten: graue Linktexte im Header auf weißem Hintergrund 4,3:1 zu gering, hellblauer Such-Placeholdertext auf blauem Hintergrund 2,7:1 zu gering; Alle Seiten: Untermenü ohne Hintergrundfarbe bei Leer-Taste, Linktexte dadurch schwer wahrnehmbar.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Formularseite: Kontrast der hellgrauen Rahmen der Formularelemente nicht ausreichend (1,5:1).
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden Alle Seiten: Mouseover eingeblendetes Untermenü lässt sich nicht mit ESC-Taste schließen.
Tastaturbedienbarkeit ist gegeben nicht bestanden Formularseite: Radiobuttons und Checkbox sind nicht mit der Tastatur erreichbar und bedienbar.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Navigationsbereiche nicht eindeutig mit aria-label beschriftet.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Inhalte der Slides werden jeweils dreimal fokussiert und Slider-Navigation erst nach Inhalte fokussiert; Suchseite: Fokus bei nachgeladenen Ergebnissen nicht auf neuen Inhalt; Formularseite: Fokus nach fehlerhaftem Absenden bleibt auf Anmelden-Button; Alle Seiten: Cookie-Banner erst am Seitenende fokussiert und überlagert Inhalt; Alle Seiten: Zwei Skip-Links erhalten Fokus; Alle Seiten: Nicht sichtbares Such-Eingabefeld wird fokussiert.
Linkzweck ist verständlich (im Kontext) nicht bestanden Startseite: Inhalt der Slides und Teaser wird als Linktext ausgegeben; Alle Seiten: Nach-oben-Link wird vom Screenreader ohne Linktext und nur mit URL ausgegeben; Alle Seiten: Drei Logos im Footer geben zweimal denselben Linktext aus.
Tastaturfokus ist sichtbar nicht bestanden Startseite: Fokus auf Teasern nicht sichtbar; Formularseiten: Fokus auf Anmelden-Button nicht sichtbar; Alle Seiten: Grauer Rahmen bei fokussierten Elementen aufgrund geringen Kontrasts schlecht wahrnehmbar.
Label enthält sichtbare Beschriftung nicht bestanden Suchseite: Sichtbare Beschriftung für Link „Mehr erfahren“ ist nicht im programmatisch ermittelbaren Namen enthalten.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Startseite: Buttons beim Slider mit englischer Beschriftung (z. B. „Go to slide 1“); Alle Seiten: Button zum Inhalt springen mit englischer Beschriftung „Skip to content“; Alle Seiten: Button „Barrierefreiheit“ mit „Open toolbar“; Alle Seiten, außer Formularseite: Englischsprachige Textabschnitte nicht durch lang-Attribut ausgezeichnet.
Fehlermeldungen sind in Textform vorhanden nicht bestanden Formularseite: Fehlermeldungen nach fehlerhaftem Absenden werden vom Screenreader nicht ausgegeben und nicht mit den Formularfeldern verknüpft.
Label enthalten Eingabehinweise nicht bestanden Formularseite: Eingabefelder sind nur mit einem Placeholder beschriftet.
Name, Rolle und Wert sind identifizierbar nicht bestanden Formularseite: Rolle für Radiobuttons und Checkbox wird vom Screenreader nicht ausgegeben, da Standard-HTML-Elemente über CSS ausgeblendet werden.
A.2
Feedback-Mechanismus ist vorhanden
nicht bestanden
A.3
Leichte Sprache ist vorhanden
nicht bestanden
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte im Wesentlichen bestanden Startseite: Layoutbilder für Teaser werden nicht per aria-hidden für Screenreader ausgeblendet.
Schriftgrafiken sind anpassbar oder unverzichtbar im Wesentlichen bestanden Alle Seiten: Schriftgrafik mit Text „Im Auftrag von und finanziert durch“ im Footer kann nicht an individuelle Bedürfnisse angepasst werden.
Textabstände sind anpassbar im Wesentlichen bestanden Alle Seiten: Bei Anpassung der Textabstände beim Link „Suche“ im Header ist das „e" nicht sichtbar.

Bestanden

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Inhalte brechen in einspaltiges Layout um bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Titel beschreiben Thema oder Zweck bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden Ergebnis der formalen Prüfung: bestanden.

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.