Staatliches Gutachten zur digitalen Barrierefreiheit

www.clusters4future.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader (Struktur, Lesereihenfolge, Linkzwecke, Rollen/Name) sind nicht erfüllt, ansonsten ist vieles korrekt umgesetzt.

Sehbehinderung Weitgehend zugänglich

Kontraste, Skalierbarkeit, einspaltiges Reflow und sichtbarer Fokus sind erfüllt, Probleme betreffen vor allem Screenreader-spezifische Semantik.

Hörbehinderung Fast barrierefrei

Multimedia ist weitgehend nicht vorhanden bzw. nicht anwendbar und ansonsten bestehen kaum spezifische Barrieren für gehörlose Nutzende.

Motorische Behinderung Fast barrierefrei

Tastaturbedienbarkeit, keine Tastaturfallen, einfache Zeigerbedienung und gut sichtbarer Fokus sind gegeben, nur kleinere Probleme bei Slider-Bedienung.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation, klare Struktur und leichte Sprache sind weitgehend vorhanden, aber Slider, teils unklare Linktexte und fehlende einfache Erläuterungen können die Nutzung erschweren.

Neurodivergenz Weitgehend zugänglich

Fehlende klare Steuerung und Fokussierung des Sliders sowie teils unpräzise Linkzwecke können Aufmerksamkeit und Orientierung beeinträchtigen, während ansonsten Struktur und Tastaturbedienung gut sind.

Dokumentierte Barrieren

Kontaktdaten nur visuell erkennbar

Telefonnummer und E-Mail-Adresse der Kontakte werden auf der Startseite vor allem über Icons vermittelt. Für Screenreader-Nutzende sind diese Informationen nicht zuverlässig wahrnehmbar.

Auswirkung

Ich kann wichtige Kontaktdaten übersehen und die Organisation möglicherweise nicht direkt erreichen. Wenn ich auf assistive Technik angewiesen bin, wird eine zentrale Servicefunktion unnötig erschwert.

Unklare Linkzwecke bei Artikeln

Mehrere verlinkte Grafiken und Navigationspunkte haben keine aussagekräftige Beschriftung. Dazu zählen zum Beispiel die Artikelgrafiken mit allgemeinem Titeltext, der Home-Button im Breadcrumb und die Slider-Paginierung.

Auswirkung

Ich kann nicht erkennen, wohin ein Link führt, ohne ihn zuerst zu öffnen oder zu raten. Das macht die Navigation deutlich umständlicher und fehleranfälliger.

Hauptnavigation für Screenreader unklar

Ein Teil der Hauptnavigation ist technisch nur als Link erkennbar, obwohl es eigentlich Schalter für Untermenüs sind. Zusätzlich ist der aktive Menüpunkt nicht programmatisch markiert.

Auswirkung

Ich kann nicht sicher erkennen, welche Menüpunkte Untermenüs öffnen und wo ich mich gerade befinde. Das erschwert die Navigation durch die Website und kann zu Fehlbedienungen führen.

Slider-Steuerung ohne Beschriftung

Der Start/Stopp-Schalter des Sliders ist nicht beschriftet. Für Screenreader ist damit nicht erkennbar, welche Funktion dieses Bedienelement hat.

Auswirkung

Ich kann den Slider nicht sicher bedienen, weil ich nicht weiß, was der Fokus gerade meint. Das kann die Steuerung einer bewegten Seite praktisch unmöglich machen.

Fehlende semantische Hauptstruktur

Auf den Seiten fehlen wichtige Struktur-Bereiche wie eine Hauptüberschrift sowie klare Seitenbereiche für Kopf und Hauptinhalt. Dadurch ist die Seite für Assistenztechnologien nicht sauber gegliedert.

Auswirkung

Ich kann mich schlechter orientieren und Inhalte nicht so schnell überblicken. Besonders als Screenreader-Nutzer finde ich den eigentlichen Seiteninhalt und die Gliederung schwerer.

Slider-Auswahl setzt Fokus nicht auf den Inhalt

Nach der Auswahl einer Slider-Paginierung wird der Fokus nicht auf den angezeigten Inhalt gesetzt. Damit bleibt die Bedienung nach dem Umschalten uneindeutig.

Auswirkung

Ich weiß dann nicht sicher, welcher Inhalt gerade aktiv ist, und muss zusätzlich suchen. Das kostet Zeit und kann mich bei der Nutzung des Sliders verwirren.

Slider zu spät stoppbar

Das Start- und Stopp-Bedienelement des Sliders befindet sich nicht vor dem Slider-Inhalt. Wer die Animation stoppen will, muss sich erst durch andere Inhalte bewegen.

Auswirkung

Ich kann durch wechselnde Inhalte abgelenkt werden und den Slider nicht sofort anhalten. Das macht die Startseite unruhig und erschwert mir das schnelle Erfassen der Seite.

Englische Pfeilbeschriftungen im deutschen Kontext

Die Vor- und Zurückpfeile des Sliders sind mit englischen Begriffen wie „previous“ und „next“ benannt. Das passt nicht zur sonstigen Sprachumgebung der Seite.

Auswirkung

Ich erhalte ungewöhnliche oder fremdsprachige Ansagen und muss die Bedeutung erst ableiten. Das kann mich kurzzeitig irritieren und die Bedienung verlangsamen.

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
Google Chrome Version 126.0.6478.115 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • https://www.clusters4future.de Web-Angebot öffnen
  • https://www.clusters4future.de/impressum
  • https://www.clusters4future.de/foerderinitiative/ziele-der-zukunftscluster-initiative

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Es ist keine H1 Überschrift vorhanden. Alle Seiten: Es fehlen die Seiten-Bereiche <header> und <main>. Startseite: Die Telefonnummer und Emailadresse der Kontakte sind visuell durch die Icons zu erkennen. Für ScreenReader Nutzende fehlt diese Information.
1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Alle Seiten: Die beiden Navigation (toogle) für die mobile Ansicht sind für einen ScreenReader wahrnehmbar und können angesteuert werden. Startseite: Das Bedienelement (Start/Stopp) des Sliders befindet sich nicht oberhalb des Sliders. Ein User muss somit erst durch alle Inhalte, um diesen bei Bedarf anzuhalten. Startseite: Bei Auswahl einer Paginierung des Sliders wird der Fokus nicht auf den ausgewählten Inhalt gelegt: Beispiel: https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-2-tablist/
2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Die verlinkten Grafiken der Artikel im Bereich „Dafür spricht man“ haben mit title="Gesamten Artikel anzeigen ''" keine aussagekräftige Linkbeschreibung. Alle Seiten (außer Startseite): Der Breadcrumb Home-Button hat keine Linkbeschreibung. Startseite: Die Paginierung des Sliders sind mit 1 of 4, 2 of 4 usw. nicht aussagekrätig genug beschrieben.
4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Alle Seiten: Die Obermenü-Einträge der Hauptnavigation werden nur als Link ausgegeben (ScreenReader). Bei einem Teil der Einträge, handelt es sich allerdings um Schalter, mit denen Untermenüs ein- und ausgeblendet werden. Eine ScreenReader-Nutzende Person erhält somit keine Information darüber. Startseite: Der Start/Stopp Schalter des Sliders ist nicht beschriftet. Alle Seiten: Der aktive Obermenü-Eintrag der Hauptnavigation ist visuell gut zu erkennen. Allerdings fehlt eine programmatische Auszeichnung mit bspw. aria-current="page".
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Auf Vorhandensein: bestanden. Formal korrekt: nicht bestanden. Anmerkung: Das Erstellungs- bzw. Aktualisierungsdatum darf nicht älter als ein Jahr sein. Es fehlt eine Auflistung der gefundenen Mängel.

Im Wesentlichen bestanden

Kriterium Status Notizen
1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		im Wesentlichen bestanden Inhaltseite: Das Bild innerhalb des Textes ist dekorativ und für ScreenReader nicht wahrnehmbar. Die Copyright-Information zu diesem Bild ist allerdings wahrnehmbar für ScreenReader und sollte ebenfalls als dekorativ ausgezeichnet werden.
2.4.3
Fokusreihenfolge ist aufgabenangemessen 		im Wesentlichen bestanden Startseite: Im Bereich „Dafür spricht man“ haben sowohl die Grafik, die Überschrift als auch der „weiterlesen“ Link das selbe Linkziel.
3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		im Wesentlichen bestanden Startseite: Die Vor- und Zurückpfeile des Slider sind mit previous und next in englischer Sprache.
A.3
Leichte Sprache ist vorhanden 		im Wesentlichen bestanden Anmerkung: Nach Vorgabe der BITV 2.0 mit §4 soll auch die Navigation der Seite und die Erklärung zur Barrierefreiheit in Leichte Sprache angeboten werden.
A.4
Gebärdensprache-Video ist vorhanden 		im Wesentlichen bestanden Anmerkung: Nach Vorgabe der BITV 2.0 mit §4 soll auch die Erklärung zur Barrierefreiheit in DGS angeboten werden.

Bestanden

Kriterium Status Notizen
1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend 		bestanden
1.4.4
Schriftgröße kann angepasst werden 		bestanden
1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden
1.4.12
Textabstände sind anpassbar 		bestanden
1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden
2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden
2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
2.4.7
Tastaturfokus ist sichtbar 		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
4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden

Nicht anwendbar

Kriterium Status Notizen
1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
1.2.2
Aufgezeichnete Videos besitzen Untertitel 		nicht anwendbar
1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar
1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht anwendbar
1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht anwendbar
2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
2.3.1
Blitzen wird vermieden 		nicht anwendbar
3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht anwendbar
3.3.2
Label enthalten Eingabehinweise 		nicht anwendbar
3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht anwendbar
3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar
B.1
PAC Test ergibt PDF/UA-konform 		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.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen