Staatliches Gutachten zur digitalen Barrierefreiheit
www.acatech.de
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Kaum nutzbar
Zahlreiche Verstöße bei Alternativtexten, Semantik, Navigation, Fokus und Tastaturbedienung erschweren Screenreader-Nutzung massiv, lassen die Seite aber prinzipiell noch bedienbar erscheinen.
Sehbehinderung Kaum nutzbar
Schwache Kontraste, nur farbliche Linkunterscheidung, fehlende Fokusindikatoren und Slider-Überlagerungen machen Inhalte für sehbehinderte Menschen überwiegend schwer bis kaum nutzbar.
Hörbehinderung Weitgehend zugänglich
Fehlende DGS-Angebote und keine Zusatzinformationen sind relevant, aber sonstige Inhalte scheinen für gehörlose Menschen überwiegend zugänglich, sofern sie gut lesen können.
Motorische Behinderung Kaum nutzbar
Umfangreiche Probleme bei Tastaturbedienung (Menüs, Slider, Akkordeons, Nach-oben-Button, Fokuslücken, fehlende Skiplinks) schränken die Nutzbarkeit für reine Tastatur- oder Tastenhilfsmittelnutzung stark ein.
Lernbehinderung Mit Hindernissen nutzbar
Unklare Beschriftungen, lange Linktexte, inkonsistente Struktur, automatisch laufender Slider und fehlende Leichte Sprache erschweren Orientierung und Verständnis deutlich.
Neurodivergenz Mit Hindernissen nutzbar
Automatische Sliderbewegung, Fokusprobleme, inkonsistente Navigation und fehlende klare Struktur können Aufmerksamkeit, Orientierung und Reizfilterung für neurodivergente Nutzende stark belasten.
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 Version 139.0.7258.128 (Offizieller Build) (64-Bit)
- Screenreader
- NVDA 2024
- Tools
- Color Contrast Analyser (CCA) – Zur Prüfung der Kontrast, PDF Accessibility Checker (PAC) – Prüfung des PDF-Dokumentes, Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
Veränderung nach WCAG-Kriterien
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 01.09.2025 | Vereinfachte Überwachung | Nein | 46 | 0 | 0 |
| 14.03.2024 | Vereinfachte Überwachung | Nein | 23 | 2 | 29 |
| 17.11.2022 | Vereinfachte Überwachung | Nein | 24 | 0 | 29 |
-
-
https://www.acatech.de/?s=%20 ⓘ Weitere Gutachten vorhanden
-
https://www.acatech.de/dialog/internationales/
-
https://www.acatech.de/publikation/ki-in-unternehmen/download-pdf?lang=de
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Fehlender Alternativtext bei Porträtbild | nicht bestanden | Das Porträtbild von Christian Lindner ist ohne Alternativtext. Screenreader-Nutzende erhalten daher die dargestellte Person nicht und wichtige Informationen fehlen. |
| Fehlende Alternativtexte bei Bildern im Bereich Meldungen | nicht bestanden | Viele Meldungsbilder haben keinen Alternativtext, obwohl sie nicht dekorativ sind. Dadurch gehen visuell vermittelte Inhalte verloren. |
| Uneinheitliche Alternativtexte bei Cover-Bildern im Bereich Publikationen | nicht bestanden | Nicht alle Cover-Bilder enthalten Alternativtexte, was zu inkonsistentem Screenreader-Erlebnis führt. |
| Fehlerhafte Auszeichnung einer Layout-Grafik im Bereich Internationales | nicht bestanden | Die Layout-Grafik nach der Überschrift „Internationales“ ist nicht als dekorativ gekennzeichnet und der Copyright-Hinweis ist hörbar, obwohl er keinen inhaltlichen Wert hat. |
| Fehlende programmatische Beschriftung und unklare Gruppierung im Filterbereich | nicht bestanden | Suchfilter besitzen keine Labels und Gruppierungen. Platzhalteroptionen ersetzen keine Feldbeschriftungen und Checkboxen sind nicht verknüpft. |
| Fehlende Tabellen-Semantik bei den Suchergebnissen | nicht bestanden | Suchergebnisse werden mit div-Elementen angezeigt, es fehlen Tabellenstrukturen, Spaltenüberschriften und Zellbeziehungen. |
| Fehlerhafte Überschriften-Hierarchie | nicht bestanden | Auf Inhaltsseiten folgt nach <h1> direkt ein <h3> und unter „Ziele und Themen“ steht eine leere <h4>, wodurch die Hierarchie nicht konsistent ist. |
| Fehlende semantische Auszeichnung der Navigationen | nicht bestanden | Mehrere Navigationsbereiche (Hauptnavigation und Footer) sind nicht als <nav> ausgezeichnet und tragen keine aria-labels, sodass Screenreader sie nicht unterscheiden können. |
| Unzureichende Auszeichnung des Sprachwechsel-Links in der Hauptnavigation | nicht bestanden | Der Sprachwechsel-Link trägt nur „EN“ als Text. Screenreader-Nutzende erkennen nicht eindeutig, dass es sich um einen Sprachwechsel handelt. |
| Leeres Linkelement nach dem Bereich „Stimmen“ | nicht bestanden | Unmittelbar nach „Stimmen“ befindet sich ein leerer Link ohne Text oder Label, der keinen Zweck erfüllt und den Fokus störend beeinflusst. |
| Leeres Linkelement nach dem Bereich „Social Media“ | nicht bestanden | Auch nach dem Social-Media-Bereich steht ein linkloses <a>-Element (ID part_project) ohne Beschriftung, das unnötige Fokuspunkte erzeugt. |
| Fehlende semantische Kennzeichnung von Kontaktinformationen | nicht bestanden | Footer-Links zu Telefon und E-Mail haben keine erläuternden Kontextangaben, so dass Screenreader den Zweck nicht erkennen. |
| Parallele Header und Footer ohne konsequente semantische Ausblendung | nicht bestanden | Mobile und Desktop Header/Footer existieren gleichzeitig im DOM; CSS versteckt sie allein. Ohne hidden/aria-hidden/inert bleiben doppelte Landmarken und Focusziele erhalten. |
| Fehlerhafte Auszeichnung der Paginierung unterhalb der Suchergebnisse | nicht bestanden | Die Navigation besteht nur aus Buttons; es fehlt eine nav-Landmarke und aria-current für die aktive Seite, sodass Screenreader die Seitennavigation nicht erkennen. |
| Fehlende Paginierung oberhalb der Suchergebnisse | nicht bestanden | Navigationen sind nur unterhalb der Trefferliste vorhanden, sodass Nutzende erst alle Ergebnisse durchlaufen müssen, bevor sie zur Seitensteuerung gelangen. |
| Links im Fließtext werden ausschließlich durch Farbe unterschieden | nicht bestanden | Links in langen Texten unterscheiden sich lediglich durch Farbe; Unterstreichung oder weitere Merkmale fehlen, weshalb sie mit eingeschränktem Farbsehen schwer erkennbar sind. |
| zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe | nicht bestanden | Mehrere Elemente (Navigation, Slider, Inhaltsbereich) besitzen zu geringe Text-Hintergrund-Kontraste, wodurch Inhalte schwer lesbar sind. |
| Unzureichender Kontrast bei Slider-Paginierung | nicht bestanden | Die quadratischen Punkte der Slider-Paginierung heben sich kaum vom Hintergrund ab; aktive/ inaktive Zustände fehlen visuell unterscheidbare Kontraste. |
| Unzureichender Kontrast der Slider-Bedienelemente | nicht bestanden | Slider-Buttons und Steuerungselemente haben auf wechselnden Hintergrundbildern nur geringen Kontrast, weshalb sie schwer erkennbar sind. |
| Untermenüs der Hauptnavigation können per Tastatur nicht geschlossen werden | nicht bestanden | Nach Öffnen per Hover oder Fokus lassen sich die Untermenüs über Tab, Space oder Esc nicht schließen, was zu dauerhaften Einblendungen führt. |
| Nicht zugängliche Paginierungselemente im Slider | nicht bestanden | Nur der aktive Paginierungspunkt ist per Tab erreichbar, die übrigen Elemente tragen tabindex="-1" und sind für Tastaturnutzende nicht direkt ansteuerbar. |
| Fehlerhafte Tastaturbedienung der Paginierung im Slider | nicht bestanden | Innerhalb der slider-Registerkarten lassen sich die einzelnen Elemente nicht mit Pfeiltasten wechseln; Fokus springt unerwartet aus dem Slider heraus. |
| Nicht fokussierbarer „Nach oben“-Button | nicht bestanden | Der Button ist ein reines <li> mit Icon und weder fokussierbar noch per Tastatur auslösbar, obwohl er sichtbar vorhanden ist. |
| Nicht tastaturbedienbare Akkordeon-Elemente | nicht bestanden | Akkordeons wie „Veranstaltungen und Ankündigungen“ sind weder fokussierbar noch per Tastatur ein- oder ausklappbar. |
| Nicht fokussierbarer Schalter für das Hamburger-Menü | nicht bestanden | Der Hamburger-Schalter ist nicht per Tab erreichbar; der Fokus springt stattdessen direkt ins Menü, bevor der Schalter erreichbar wird. |
| Nicht tastaturbedienbare zusätzliche Linktexte im Bereich „Themen“ | nicht bestanden | Zusätzliche Linktexte erscheinen nur per Maus-Hover und lassen sich mit der Tastatur nicht einblenden, wodurch zusätzliche Informationen verloren gehen. |
| Nicht tastaturbedienbare Untermenüs in der Hauptnavigation | nicht bestanden | Beim Fokussieren der Hauptmenüpunkte werden Untermenüs nicht angezeigt, sodass nachgelagerte Navigationsebenen für Tastaturnutzende nicht erreichbar sind. |
| Fehlende Steuerungsmöglichkeit für automatisch ablaufenden Slider | nicht bestanden | Der Slider startet automatisch und kann weder visuell noch programmatisch pausiert oder gestoppt werden. |
| Skiplinks fehlen | nicht bestanden | Am Seitenanfang fehlt ein Skiplink zum Hauptinhalt, wodurch Tastaturnutzende sich jedes Mal durch wiederkehrende Inhalte navigieren müssen. |
| Unnötige Tabstopps im Bereich Themen | nicht bestanden | Zu jedem Thema existieren leere oder redundante Links, die unnötige Tab-Schritte erzeugen. |
| Unzureichende Sichtbarkeit von Linktexten und doppelte Bedienelemente | nicht bestanden | Teaser-Links im Themenbereich sind nur per Hover sichtbar, und der Schalter „Absenden“ wird doppelt ausgegeben. |
| Doppelte Linkauszeichnung im Bereich „Stimmen zu acatech“ | nicht bestanden | Bild und Zitat sind jeweils mit demselben Linkziel versehen, sodass Tastaturnutzende doppelte Fokusstationen erhalten. |
| Doppelte Linkauszeichnung in Artikeln des Bereichs „Meldungen“ | nicht bestanden | Sowohl Bild als auch Text eines Artikels verlinken zur selben Zielseite, wodurch redundante Tabs entstehen. |
| Doppelte Linkauszeichnung in den Bereichen „Publikationen“ und „Projekte“ | nicht bestanden | Bild und Überschrift derselben Elemente verweisen auf das gleiche Ziel; dies erzeugt unnötige Fokusstationen. |
| Nicht sichtbare Menüeinträge in der mobilen Navigation sind per Tastatur erreichbar | nicht bestanden | Beim Durchtabben werden bereits unsichtbare mobile Menüeinträge ausgegeben, bevor das Hamburger-Menü geöffnet wird. |
| Fehlende Linkzweckbeschreibung beim Logo-Link im Kopfbereich | nicht bestanden | Das Logo führt ohne beschreibenden Alt-Text oder aria-label zur Startseite; der Zweck bleibt unklar. |
| Fehlende Linkzweckbeschreibung beim Textlink im Kopfbereich | nicht bestanden | Der textlink unterhalb des Sliders enthält keinen Linktext, lediglich die relative Ziel-Pfadangabe wird gelesen. |
| Fehlende Linkzweckbeschreibung bei Social-Media-Icons | nicht bestanden | LinkedIn-, Instagram- und YouTube-Links bestehen nur aus Grafiken ohne Alternativtexte; Screenreader geben nur die URLs aus. |
| Ungeeignete Linktexte durch lange Zitatinhalte | nicht bestanden | Die vollständigen Zitate in „Stimmen zu acatech“ sind Linktexte, wodurch der Linkzweck zu lang und schwer erfassbar ist. |
| Unklare Beschriftung des Schalters „Filter zurücksetzen“ | nicht bestanden | Der Schalter suggeriert nur das Entfernen von Filtern, in Wirklichkeit wird auch der Suchbegriff gelöscht, sodass der Zweck nicht eindeutig ist. |
| Fehlende und unzureichende Fokusdarstellung mehrerer Bedienelemente | nicht bestanden | Slider, Themenlinks, Suchschalter und Social-Media-Togs zeigen keinen durchgängigen Fokus oder besitzen sehr kontrastarmen Fokus. |
| Fehlende und unterbrochene Fokusdarstellung im Suchbereich | nicht bestanden | Nach dem Suchfeld verschwindet die Fokusmarkierung, erst in der Tabelle erscheint sie wieder; dadurch entstehen Fokuslücken. |
| Uneinheitliche Sprache bei Bedienelementen des Sliders | nicht bestanden | Slider-Steuerelemente sind mit englischer Beschriftung („previous“, „next“, „1 of 7“), während der Rest der Seite auf Deutsch ist. |
| Fehlende Beschriftung beim Sucheingabefeld | nicht bestanden | Das Sucheingabefeld nutzt nur einen Platzhalter („Suche …“) ohne dauerhaft sichtbares label oder aria-label. |
| Fehlende Unterscheidung von Links und Menüs in der Hauptnavigation | nicht bestanden | Alle Hauptnavigationseinträge sind Links, auch wenn sie Untermenüs öffnen. Es fehlen aria-haspopup/aria-expanded, um Menüs zu kennzeichnen. |
|
Nicht vorhanden #1
Zusätzliche Informationen in Deutscher Gebärdensprache, Leichter Sprache und Barrierefreiheitserklärung fehlen
|
nicht bestanden | Es existieren keine Links oder Inhalte zu Deutscher Gebärdensprache, Leichter Sprache oder einer Barrierefreiheitserklärung; entsprechende Zusatzkriterien sind nicht erfüllt. |
Nicht anwendbar
| Kriterium | Status | Notizen |
|---|---|---|
| Hinweis zur Slider-Animation | nicht anwendbar | Die automatisch ablaufende Slider-Animation unterbricht die Screenreader-Ausgabe unabhängig von der Cursorposition. |
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.