Staatliches Gutachten zur digitalen Barrierefreiheit

miteinander-durch-innovation.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Nutzung ist durch fehlende Alternativtexte, unzugängliche Navigationselemente, Fokusprobleme und teils fehlerhafte Rollen deutlich eingeschränkt, aber Grundstruktur und viele Basisanforderungen sind erfüllt.

Sehbehinderung Mit Hindernissen nutzbar

Mehrere relevante Kontrastprobleme und eine fehlende Navigation im mobilen Layout mindern die Nutzbarkeit, während Zoom, Textabstände und weitgehend gute Struktur die Nutzung teils ermöglichen.

Hörbehinderung Mit Hindernissen nutzbar

Seiteninhalte sind überwiegend textbasiert, jedoch sind Untertitel der Videos nur automatisch und qualitativ unzureichend, was medienbezogene Inhalte für Gehörlose nur eingeschränkt nutzbar macht.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich ist Tastaturbedienung und einfache Zeigereingabe möglich, aber nicht tastaturbedienbare Menüs und Bedienelemente sowie mobile Navigationsprobleme schränken motorisch beeinträchtigte Nutzer deutlich ein.

Lernbehinderung Mit Hindernissen nutzbar

Klare Struktur, konsistente Navigation und Leichte-Sprache-Angebot unterstützen, jedoch erschweren doppelte Links, unklare Bildbeschreibungen und Video-Unzugänglichkeiten die Orientierung und Informationsaufnahme.

Neurodivergenz Mit Hindernissen nutzbar

Stabile Seitenstruktur, fehlende Animationen und konsistente Navigation helfen, aber mangelhafte Tastaturnutzung, Fokusführung und Kontrastprobleme können Aufmerksamkeit, Orientierung und Reizreduktion beeinträchtigen.

Dokumentierte Barrieren

  • Untermenü nur mit Maus nutzbar

    Das Untermenü im Hauptmenü für Veranstaltungen lässt sich nicht per Tastatur öffnen und bedienen. Dadurch ist die Navigation zu diesen Inhalten für Nutzer ohne Maus stark eingeschränkt.

    Auswirkung: Ich kann die Veranstaltungsseiten nicht zuverlässig erreichen, wenn ich nur die Tastatur nutze. Das kostet mich Zeit oder blockiert den Zugriff ganz.

  • Texte auf Bannerbildern schlecht lesbar

    Im Bannerbereich liegt weiße Schrift auf hellen Bildbereichen, sodass Überschriften schwer oder gar nicht lesbar sind. Auf einer Veranstaltungsseite ist der Farbkontrast außerdem deutlich zu gering.

    Auswirkung: Ich muss Texte anstrengen oder errate Inhalte nur. Besonders bei schlechtem Sehen oder auf kleinen Bildschirmen kann ich wichtige Informationen verpassen.

  • Mobile Navigation fehlt

    In der Ansicht mit Hamburgermenü ist die Hauptnavigation nicht vorhanden. Dadurch ist die Navigation auf kleineren Ansichten unvollständig oder nur stark eingeschränkt zugänglich.

    Auswirkung: Ich finde zentrale Seiteninhalte auf dem Smartphone nicht zuverlässig. Das erschwert mir die Nutzung im mobilen Alltag erheblich.

  • Agenda-Bereich nicht bedienbar

    Der reduzierbare Bereich „Agenda“ auf einer Inhaltsseite ist nicht per Tastatur bedienbar. Ich kann den Bereich dadurch nicht öffnen oder schließen, wenn ich keine Maus verwende.

    Auswirkung: Ich komme an die dort versteckten Informationen nicht heran oder nur sehr umständlich. Das macht den Inhalt für mich praktisch unzugänglich.

  • Dialog mit Video nicht fokussiert

    Beim Öffnen der Videos wird ein Dialog gezeigt, der nicht programmatisch fokussiert wird. Für Screenreader und Tastatur bleibt der neue Inhalt dadurch nicht zuverlässig im Vordergrund.

    Auswirkung: Ich merke eventuell nicht sofort, dass ein neues Fenster oder ein neuer Bereich geöffnet wurde. Das erschwert mir die Bedienung und kann dazu führen, dass ich im Hintergrund weiterarbeite.

  • Videos ohne brauchbare Untertitel

    Für die Videos gibt es nur automatisch erzeugte Untertitel, die in der Stichprobe unvollständig wirken und Sprecherwechsel nicht erkennbar machen. Dadurch fehlen wichtige Informationen aus dem gesprochenen Inhalt.

    Auswirkung: Ich kann dem Gesagten nur eingeschränkt folgen, besonders bei Dialogen oder schnellen Wechseln zwischen Personen. Für mich gehen Details und Zusammenhänge verloren.

  • Keine Alternativen und keine Audiodeskription für Videos

    Für die Videos sind weder Medienalternativen noch Audiodeskriptionen vorhanden. Visuelle Inhalte werden damit nicht ausreichend textlich oder auditiv beschrieben.

    Auswirkung: Wenn ich Bilder, Einblendungen oder Handlungen im Video nicht selbst sehen kann, fehlen mir wichtige Inhalte. Ich erfasse den eigentlichen Informationsgehalt dann nur teilweise.

  • PDF nicht barrierefrei nutzbar

    Das bereitgestellte PDF erfüllt die PDF/UA-Prüfung nicht. Damit ist zu erwarten, dass Struktur, Lesereihenfolge oder Beschriftungen im Dokument nicht zuverlässig zugänglich sind.

    Auswirkung: Ich kann Inhalte des Dokuments je nach Hilfsmittel nur eingeschränkt oder gar nicht erfassen. Besonders bei Pflichtinformationen ist das für mich ein ernstes Hindernis.

  • Veranstaltungskarten doppelt und unklar verlinkt

    Veranstaltungsvorschauen sind mehrfach verlinkt, etwa über Bild, Überschrift und „Mehr erfahren“. Einzelne Bildlinks sind zudem schlecht oder gar nicht beschriftet.

    Auswirkung: Ich muss mehrmals denselben Eintrag durchlaufen, um zum Ziel zu kommen. Das macht die Tastaturbedienung mühsam und verwirrend.

  • Schalter „Online“ ohne klare Funktion

    Der Schalter „Online“ ist technisch nicht sauber als bedienbares Steuerelement umgesetzt und zeigt keinen wahrnehmbaren Zustand. Die Aktivierung hat offenbar keine sichtbare Wirkung.

    Auswirkung: Ich weiß nicht sicher, ob ich etwas umgestellt habe oder ob die Funktion überhaupt funktioniert. Das verunsichert mich und kann die Nutzung abbrechen lassen.

  • Menüinhalte im Hamburger-Menü schwer zuzuordnen

    Im Hamburger-Menü sind Piktogramme und Text für Leichte Sprache und Gebärdensprache schlecht ausgerichtet und nicht klar miteinander verbunden. Das macht die Orientierung im Menü unnötig schwierig.

    Auswirkung: Ich erkenne nicht sicher, welcher Eintrag zu welcher Funktion gehört. Dadurch kann ich falsche Ziele anklicken oder verliere Zeit bei der Suche.

  • Hover-Untermenüs lassen sich nicht schließen

    Untermenüs, die mit dem Zeiger eingeblendet werden, können nicht verworfen werden, ohne die Maus zu bewegen. Das kann zu überlagernden Menüs und Störungen bei der Bedienung führen.

    Auswirkung: Ich kann unbeabsichtigt eingeblendete Inhalte nicht einfach wieder loswerden. Das macht die Navigation unruhig und kann mich vom eigentlichen Inhalt ablenken.

  • Logo-Links ohne sinnvolle Beschriftung

    Die grafischen Social-Media-Links im Fußbereich haben keine zugängliche Beschriftung. Auch die verlinkten Logos im Kopfbereich sind als dekorativ ausgezeichnet.

    Auswirkung: Ich kann nicht erkennen, wohin diese Links führen. Für mich sind sie als Navigationselemente kaum brauchbar.

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 129.0.6668.90
Screenreader
NVDA 2024.3.1
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://miteinander-durch-innovation.de/ Web-Angebot öffnen
  • https://miteinander-durch-innovation.de/veranstaltungen/ich-zukunft-und-digitale-partizipation/
  • https://miteinander-durch-innovation.de/wp-content/uploads/2024/02/BMBF_MDI_Partizipation_Johanna-Benz.pdf.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Alle Seiten > Kopfbereich: Das verlinkte Logo des BMBF ist als dekorativ ausgezeichnet. * Alle Seiten > Kopfbereich: Das verlinkte Logo der Seite ist als dekorativ ausgezeichnet. Hinweis: Der Link zur Startseite öffnet in einem neuen Tab. * Startseite > Veranstaltungen: Einige der verlinkten Fotos sind als dekorativ ausgezeichnet. Andere stellen im Alternativtext keine Bildbeschreibung bereit, sondern duplizieren die separat verlinkten Überschriften mit Präfixen wie "Teaserbild" und "Keyvisual". Siehe auch 2.4.3. * Inhaltsseite > Kurzbiografien: Die Fotos der Teilnehmenden sind mit dem Alternativtext "Profilbild [Titel / Name]" nicht inhaltlich beschrieben.
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht bestanden * Inhaltsseite: Nur durch die Plattform bereitgestellte automatisch generierte Untertitel sind für die Videos verfügbar. In einer Stichprobe fehlt Interpunktion, und ist Zuordnung zu den Sprechenden im Dialog nicht möglich.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden * Inhaltsseite: Weder Medienalternativen noch Audiodeskriptionen sind für die Videos vorhanden.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden * Inhaltsseite: Audiodeskriptionen für die Videos sind nicht vorhanden.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Alle Seiten: Die textuellen Quellenangaben für Banner-Fotos im Inhaltsbereich beziehen sich auf dekorative Hintergrundabbildungen ohne Alternativtext.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Inhaltsseite > Bannerbereich: Die weiße Überschrift ist auf den hellen Bereichen des Hintergrundfotos schwer bis nicht lesbar. * Startseite > Veranstaltungen: Der Kontrastabstand zwischen Text und Hintergrund ist für die Veranstaltung "Ich, Zukunft und integrierte Forschung" mit 1,8:1 zu niedrig.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Alle Seiten: Die Hauptnavigation fehlt in der Ansicht mit Hamburgermenü. * Alle Seiten > Hamburgermenü: Piktogramme und Text für leichte Sprache und Gebärdensprache haben Ausrichtungsfehler und sind einander nicht gut zuordenbar.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden * Alle Seiten > Kopfbereich > Hauptnavigation: Mit dem Zeiger eingeblendete Untermenüs können nicht verworfen werden, ohne die Zeigerposition zu verändern.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Alle Seiten > Kopfbereich > Hauptmenü: Das Untermenü für "Veranstaltungen" kann nicht mit der Tastatur bedient werden. * Inhaltsseite: Der reduzierbare Container "Agenda" kann mit der Tastatur nicht bedient werden.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Inhaltsseite: Die Videos öffnen in einem Dialog der nicht programmatisch fokussiert wird. * Startseite > Veranstaltungen: Veranstaltungen sind in den Vorschauen dreifach verlinkt und erschweren dadurch Tastaturnavigation: Mit den teilweise nicht oder unzureichend beschrifteten Abbildungen (siehe auch 1.1.1), mit der Überschrift, und mit dem Link "Mehr erfahren".
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden * Ergebnis der formalen Prüfung: nicht anwendbar
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		im Wesentlichen bestanden * Alle Seiten > Fußbereich: Die grafischen Social-Media-Links sind nicht beschriftet. * Inhaltsseite > Bannerbereich: Der Schalter "Online" ist ein <a>-Element ohne href-Attribut, dass für assistive Technologie mit der Button-Rolle ausgezeichnet ist. Aktivierung hat keinen wahrnehmbaren Effekt und Auszeichnung eines Zustandes fehlt.

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		bestanden
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.7
Tastaturfokus ist sichtbar 		bestanden
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		bestanden
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden
A.3
Leichte Sprache ist vorhanden 		bestanden
A.4
Gebärdensprache-Video ist vorhanden 		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.

Jetzt via Steady unterstützen