Staatliches Gutachten zur digitalen Barrierefreiheit

https://mpinb.mpg.de/de/

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Fehlende Alternativtexte, strukturelle Mängel, Screenreader-Probleme und nicht tastaturbedienbares Hauptmenü schränken blinde Nutzer stark ein.

Sehbehinderung Kaum nutzbar

Schwache Text- und Steuerelement-Kontraste, abgeschnittene Inhalte im Einspaltenlayout und schwer lesbare Fehlermeldungen behindern sehbehinderte Nutzer deutlich.

Hörbehinderung Mit Hindernissen nutzbar

Untertitel sind vorhanden, aber fehlende Gebärdensprache und teils komplexe Inhalte ohne Leichte Sprache begrenzen die Nutzbarkeit.

Motorische Behinderung Mit Hindernissen nutzbar

Zwar sind keine komplexen Zeigergesten nötig, aber gravierende Tastaturprobleme bei Menüs und Formularen erschweren die Nutzung stark.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, dauerhaft animierte Teaser und teils unklare Linkbeschriftungen können das Verstehen und die Orientierung erschweren.

Neurodivergenz Kaum nutzbar

Nicht stoppbare Animationen, mögliches Blitzen, fehlende Skip-Links und Fokusprobleme können für viele neurodivergente Nutzer stark belastend sein.

Dokumentierte Barrieren

  • Formular-Optionen nicht fokussierbar

    Radiobuttons und Checkboxen auf der Formularseite sind nicht per Tastatur erreichbar und werden vom Screenreader teilweise nicht ausgegeben. Damit lassen sich Auswahlfelder nicht zuverlässig bedienen.

    Auswirkung: Ich kann ein Formular nicht vollständig ausfüllen, wenn ich die Felder nicht ansteuern kann. Das kann die zentrale Formular-Nutzung direkt blockieren.

  • Hauptmenü nicht per Tastatur nutzbar

    Das Hauptmenü lässt sich mit Tastatur und Screenreader nicht bedienen. Dadurch ist die Navigation zu wichtigen Bereichen der Website für viele Nutzende eingeschränkt.

    Auswirkung: Ich kann die Seiteninhalte nicht gezielt erreichen, wenn ich ohne Maus arbeite. Für mich wird die Nutzung der Website dadurch schnell sehr mühsam oder unmöglich.

  • Bedienelemente im High-Contrast-Modus nicht sichtbar oder bedienbar

    Bei hohem Kontrast sind einzelne Inhalte, Radiobuttons und Checkboxen nicht sichtbar oder nicht bedienbar. Das betrifft vor allem die Formularseite und die Startseite.

    Auswirkung: Wenn ich auf Kontrastdarstellung angewiesen bin, kann ich wichtige Bedienelemente nicht sicher erkennen. Für mich wird das Ausfüllen oder Auswählen stark erschwert.

  • Fehler im Formular werden nicht zuverlässig vorgelesen

    Wenn im Formular Fehler auftreten, werden die Meldungen beim Erscheinen nicht automatisch an Hilfstechnologien ausgegeben. Außerdem springt der Fokus nicht zum ersten fehlerhaften Feld.

    Auswirkung: Ich merke womöglich nicht sofort, dass etwas falsch ist, und suche den Fehler selbst. Das macht das Absenden des Formulars deutlich schwieriger und kann mich festhalten.

  • Schlecht erkennbare Formularelemente

    Mehrere Formularelemente und das Suchfeld haben sehr schwache visuelle Abgrenzung zum Hintergrund. Dadurch sind sie für sehbehinderte Menschen schwer zu erkennen.

    Auswirkung: Ich übersehe Eingabefelder oder erkenne deren Grenzen nicht sicher. Das erschwert mir besonders das Ausfüllen und Absenden von Formularen.

  • Bilder und Icons ohne brauchbare Alternativen

    Das Logo hat keinen Alternativtext, der Such-Schalter ist unbeschriftet und Social-Media-Links werden nur über Icons dargestellt. Auch ein Zeitstrahl und Videoinhalte haben keine geeigneten textlichen Alternativen.

    Auswirkung: Ich kann wichtige Orientierungselemente und Inhalte nicht sicher erfassen, wenn ich den Bildschirm nicht sehen kann. Dadurch verstehe ich den Zweck mancher Elemente nicht oder verpasse Inhalte ganz.

  • Texte und Hinweise mit zu geringem Kontrast

    Linktexte und Fehlermeldungen auf der Formularseite haben einen zu geringen Kontrast zum Hintergrund. Das betrifft vor allem blaue Links und rote Fehltexte auf weißem Hintergrund.

    Auswirkung: Ich kann wichtige Hinweise und Aktionen schlechter lesen. Dadurch steigt die Gefahr, dass ich etwas übersehe oder Eingaben falsch verstehe.

  • Inhalte in schmaler Ansicht abgeschnitten

    Im einspaltigen Layout werden Inhalte auf der Startseite und ein Hinweis auf der Formularseite nicht vollständig umgebrochen oder abgeschnitten dargestellt. Dadurch fehlen Teile von Texten und Teasern.

    Auswirkung: Ich bekomme Inhalte nur unvollständig mit, besonders bei Vergrößerung oder auf schmaleren Ansichten. Das kann das Verständnis und das zielgerichtete Lesen deutlich erschweren.

  • Animation und blinkende Inhalte nicht abschaltbar

    Die Teaser-Animation auf der Startseite kann nicht pausiert oder gestoppt werden, und es gibt bewegte beziehungsweise teilweise blitzende Inhalte. Das kann Nutzende ablenken oder belasten.

    Auswirkung: Ich kann mich schlechter auf den Inhalt konzentrieren, wenn sich Bereiche ständig bewegen. Bei Empfindlichkeiten kann das sogar unangenehm oder belastend sein.

  • Wichtige Bereiche nur schwer zu überspringen

    Auf allen Seiten fehlen Sprunglinks, um wiederkehrende Bereiche schnell zu überspringen. Dadurch müssen Nutzende den gleichen Seitenbereich immer wieder durchlaufen.

    Auswirkung: Ich brauche länger, um zu den eigentlichen Inhalten zu kommen. Besonders mit Tastatur oder Screenreader wird die Orientierung unnötig anstrengend.

  • Sprachwechsel nicht gekennzeichnet

    Fremdsprachige Inhalte sind nicht mit einem Sprachwechsel markiert. Screenreader können diese Stellen daher falsch aussprechen oder unpassend behandeln.

    Auswirkung: Ich verstehe einzelne Inhalte schlechter, weil sie falsch vorgelesen werden. Das stört vor allem beim Lesen gemischter deutscher und fremdsprachiger Texte.

  • Formularhilfen für gespeicherte Daten fehlen

    Für Formularfelder sind keine Autocomplete-Hinweise vorhanden. Dadurch müssen Nutzende persönliche Daten häufiger manuell eingeben.

    Auswirkung: Ich brauche länger zum Ausfüllen und mache eher Eingabefehler. Für mich ist das Formular unnötig umständlich.

  • Linkzwecke teils unklar

    Links wie „DE“ und „EN“ sind nicht aussagekräftig beschriftet. Ohne Kontext ist nicht sofort klar, was beim Anklicken passiert.

    Auswirkung: Ich muss länger nachdenken oder ausprobieren, bevor ich einen Link nutze. Das erschwert die Orientierung, besonders mit Screenreader.

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 116.0.5845.179 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2023.1
Auflösung
SXGA - 1280 x 1024
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://mpinb.mpg.de/de/ Web-Angebot öffnen
  • https://mpinb.mpg.de/de/suche.html
  • https://mpinb.mpg.de/de/veranstaltungen/newsletter.html
  • https://mpinb.mpg.de/de/forschungsgruppen/forschungsgruppen/organisation-des-gehirns-und-verhaltens/news/neuroscientists-illuminate-how-brain-cells-deep-in-the-cortex-operate-in-freely-moving-mice.html
  • https://mpinb.mpg.de/de/forschungsgruppen/forschungsgruppen/neural-information-flow/news/research-news-unsere-forschung-im-bewegtbild.html

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Alle Seiten: Logo ohne Alternativtext; der SVG-Schalter zur Suche ist nicht beschriftet; Startseite: Zeitstrahl als SVG mit irreführenden Beschriftungen; Inhalts- und Videoseite: Social-Media-Links nutzen nur Font-Icons mit Title-Attribut, das vom Screenreader nicht gelesen wird.
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Keine Textalternativen oder Audiodeskription vorhanden.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden Keine Audiodeskription vorhanden.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Alle Seiten: nur Region für Banner und Footer, kein Hauptbereich; Startseite: keine H1, Nachrichten als H3; Suche: Überschriftenhierarchie springt von H1 zu H3; Startseite und Formularseite: Inhalte bzw. Radiobuttons und Checkboxen bei hohem Kontrast > Kontrast 1 nicht sichtbar oder bedienbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Formularseite: Radiobuttons und Checkboxen werden bei linearem Lesen mit dem Screenreader nicht ausgegeben bzw. sind nicht per TAB fokussierbar (siehe 11.2.1.1).
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularseite: keine Autocomplete-Funktionen vorhanden.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Formularseite: Links mit blauem Text auf weißem Hintergrund (Kontrast 2,37:1) und Fehlermeldungen mit rotem Text auf weiß (3,3:1) nur schwer lesbar.
Inhalte brechen in einspaltiges Layout um nicht bestanden Startseite: Inhalte (Teaser, Überschriften) sind im einspaltigen Layout unvollständig lesbar/abgeschnitten; Formularseite: sendinblue-Hinweis bricht nicht in einspaltige Darstellung um.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Suche: Eingabefeld ohne Rahmen, hellgrauer Hintergrund kontrasarm (1,2:1); Formularseite: Formularelemente kaum erkennbar (Rahmen 1,6:1); Checkbox mit grünem Hintergrund stellt (weißes Häkchen) nur 2,1:1 dar.
Tastaturbedienbarkeit ist gegeben nicht bestanden Alle Seiten: Hauptmenü nicht per Tastatur bedienbar, wenn Screenreader aktiv ist; Formularseite: Radiobuttons und Checkboxen sind nicht fokussierbar.
Automatisch gestartete Animationen sind steuerbar nicht bestanden Startseite: Teaser-Animation kann nicht gestoppt oder pausiert werden.
Blitzen wird vermieden nicht bestanden Startseite: bewegendes bzw. teilweise blitzendes Teaser-Bild vorhanden.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Keine Skip-Links vorhanden.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Alle Seiten: Fremdsprachige Inhalte sind nicht mit einem lang-Attribut ausgezeichnet.
Syntaxspezifikationen sind erfüllt nicht bestanden Startseite: WCAG-relevante Fehler wie doppelte IDs; Formularseite: Fehler „Element X not allowed as child of …".
Statusmeldungen werden ohne Fokussierung ausgegeben nicht bestanden Formularseite: Fehlermeldungen werden beim Erscheinen nicht automatisch ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden.
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

Im Wesentlichen bestanden

Kriterium Status Notizen
Farbe ist nicht einziger Informationsträger im Wesentlichen bestanden Formularseite: einige Links sind nicht unterstrichen, unterscheiden sich nur durch Farbe, allerdings mit ausreichendem Kontrast 6,6:1.
Fokusreihenfolge ist aufgabenangemessen im Wesentlichen bestanden Formularseite: Bei Fehlern wird der Fokus nicht auf das erste fehlerhafte Feld gesetzt.
Linkzweck ist verständlich (im Kontext) im Wesentlichen bestanden Alle Seiten: Links „DE“ und „EN“ sind nicht aussagekräftig beschriftet.

Bestanden

Kriterium Status Notizen
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden Untertitel in Deutsch und Englisch vorhanden.
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar 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
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Name, Rolle und Wert sind identifizierbar bestanden

Nicht anwendbar

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen nicht anwendbar Keine reinen Audio-Inhalte vorhanden.
Automatisch abgespielte Audio-Inhalte sind steuerbar nicht anwendbar
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) nicht anwendbar
B.1
PAC3 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.