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
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.
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/
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.
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
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.
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.
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
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Kontrastabstand von Text zu Hintergrund ist ausreichend bestanden
Schriftgröße kann angepasst werden bestanden
Inhalte brechen in einspaltiges Layout um bestanden
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Titel beschreiben Thema oder Zweck bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Tastaturfokus ist sichtbar bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung 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
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden

Nicht anwendbar

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen nicht anwendbar
Aufgezeichnete Videos besitzen Untertitel nicht anwendbar
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht anwendbar
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht anwendbar
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht anwendbar
Automatisch abgespielte Audio-Inhalte sind steuerbar nicht anwendbar
Schriftgrafiken sind anpassbar oder unverzichtbar nicht anwendbar
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar nicht anwendbar
Zeitbegrenzungen sind steuerbar nicht anwendbar
Blitzen wird vermieden nicht anwendbar
Fehlermeldungen sind in Textform vorhanden nicht anwendbar
Label enthalten Eingabehinweise nicht anwendbar
Fehlermeldungen enthalten Korrekturvorschläge nicht anwendbar
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. 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.