Staatliches Gutachten zur digitalen Barrierefreiheit

Institut für Menschenrechte

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler (Alternativtexte, Struktur, Name/Rolle/Wert, Navigation) und Screenreader-Irritationen mindern die Nutzbarkeit deutlich, gleichzeitig ist vieles korrekt umgesetzt und grundsätzliche Bedienung möglich.

Sehbehinderung Mit Hindernissen nutzbar

Kontraste, Textskalierung und Reflow sind überwiegend gut, jedoch mit einzelnen problematischen Stellen (Slider-Text, verdeckte Navigation, nicht umbrechende Inhalte), wodurch insbesondere bei starker Vergrößerung Einschränkungen entstehen.

Hörbehinderung Fast barrierefrei

Audiovisuelle Inhalte sind mit Untertiteln und Alternativen versehen und es gibt nur geringe restliche Barrieren, sodass gehörlose Menschen die Seite weitgehend uneingeschränkt nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienbarkeit ist vorhanden, aber Probleme beim Burger-Menü in der Mobilansicht und unnötige Tabschritte erschweren die Nutzung für rein tastatur- oder hilfsmittelbedienende Personen.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation, klare Labels und Leichte-Sprache-Angebote unterstützen, jedoch lenkt der nicht pausierbare Slider ab und einige Struktur- und Sprachkennzeichnungsprobleme können das Verständnis beeinträchtigen.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Struktur hilft zwar, doch der nicht pausierbare Slider, teils unnötige Fokusstopps und Screenreader-Irritationen können für Menschen mit Aufmerksamkeits- oder Verarbeitungsbesonderheiten belastend sein.

Dokumentierte Barrieren

  • Menü in mobiler Ansicht nicht vollständig per Tastatur bedienbar

    In der mobilen Ansicht lässt sich das Burger-Menü nicht durchgängig mit der Tastatur öffnen und bedienen. Dadurch können Navigationspunkte für Nutzer*innen ohne Maus schwer erreichbar sein.

    Auswirkung: Ich kann die Hauptnavigation auf dem Smartphone möglicherweise nicht zuverlässig öffnen. Damit verliere ich den Zugang zu wichtigen Seiten und Inhalten.

  • Layout und Inhalte brechen bei Vergrößerung nicht sauber um

    Bei angepasster Schriftgröße überdeckt das Logo teilweise Navigationslinks, und auf einzelnen Seiten sind Inhalte im Einspaltenmodus nicht vollständig sichtbar oder nicht lesbar. Besonders die Kontaktinformationen im Bereich „Ansprechpartner*innen“ brechen nicht passend um.

    Auswirkung: Wenn ich die Schrift vergrößere, kann ich Teile der Navigation oder Texte nicht mehr lesen. Dadurch werden wichtige Inhalte schwer erreichbar oder praktisch unbrauchbar.

  • Wichtige Bildinhalte ohne brauchbaren Alternativtext

    Mehrere Bilder sind für Screenreader nicht ausreichend beschrieben, darunter der Teilen-Button mit dem Icon „X“ sowie teils Inhaltsgrafiken. Bei Personenportraits fehlt außerdem eine sinnvolle Beschreibung mit Hinweis auf das Porträt und den Namen.

    Auswirkung: Ich erkenne die Funktion mancher Bedienelemente nicht und verpasse möglicherweise wichtige visuelle Informationen. Wenn ich blind bin, kann ich Inhalte und Aktionen nur eingeschränkt verstehen.

  • Navigation und Kontaktdaten für Screenreader schwer zuzuordnen

    Die Menütasten der Hauptnavigation sind nicht eindeutig benannt, und Kontaktlinks wie Telefon oder E-Mail sind für Screenreader schlecht zuzuordnen. Auch Filterbereiche auf der Suchseite sind nicht klar als Filter erkennbar.

    Auswirkung: Ich muss mehr raten und öfter prüfen, wohin ein Element führt oder was es tut. Das kostet Zeit und kann dazu führen, dass ich die richtige Seite oder Funktion nicht finde.

  • Bedienelemente melden ihre Funktion für Screenreader uneindeutig

    Einige navigierbare Elemente werden visuell wie Links dargestellt, vom Screenreader aber als Ausklappmenü ausgegeben oder umgekehrt. Die technische Rolle passt also nicht immer zur erwarteten Bedienung.

    Auswirkung: Ich kann nicht sicher einschätzen, ob ich ein Element anklicken oder erst aufklappen muss. Das führt zu Irritationen und kann die Navigation unnötig verkomplizieren.

  • Startseiten-Slider stoppt nicht automatisch

    Der einführende Slider auf der Startseite kann nicht pausiert werden. Dadurch bewegt sich Inhalt weiter, obwohl ich ihn gerade lesen oder fokussieren möchte.

    Auswirkung: Ich werde beim Lesen abgelenkt und kann Inhalte unter Umständen nicht in Ruhe erfassen. Bei kognitiven oder visuellen Einschränkungen kann das die Nutzung deutlich erschweren.

  • Syntaxfehler können Screenreader-Ausgabe und Bedienung stören

    Auf den Seiten wurden bei der Analyse Syntaxfehler gefunden. Solche Fehler können dazu führen, dass Hilfstechnologien Inhalte nicht zuverlässig erfassen oder Elemente falsch interpretieren.

    Auswirkung: Ich kann mich nicht immer darauf verlassen, dass mir alle Inhalte korrekt vorgelesen werden. Im schlimmsten Fall werden einzelne Bereiche übergangen oder falsch verstanden.

  • Fokus-Reihenfolge enthält unnötige Tabstopps

    Einige Inhalts-Teaser sind als gesamtes Element in die Tab-Reihenfolge aufgenommen, obwohl sie keine echte Interaktion bieten. Dadurch entstehen zusätzliche, unnötige Fokusstationen für Tastaturnutzende.

    Auswirkung: Ich muss mehrmals tabben, um zu relevanten Inhalten zu kommen. Das macht die Bedienung langsamer und anstrengender, besonders bei vielen Seitenabschnitten.

  • Falsche oder fehlende Sprachkennzeichnung bei englischen Texten

    Englische Textstellen und Links sind nicht mit der passenden Sprachangabe versehen. Dadurch werden sie von Screenreadern teils undeutlich oder falsch ausgesprochen.

    Auswirkung: Ich verstehe einzelne Inhalte möglicherweise falsch oder nur schwer. Das stört vor allem, wenn der englische Begriff für das Thema wichtig ist.

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 117.0.5938.89
Screenreader
NVDA 2023.2
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
  • www.institut-fuer-menschenrechte.de Web-Angebot öffnen
  • https://www.institut-fuer-menschenrechte.de/suche?tx_solr%5Bq%5D=Kinder
  • https://www.institut-fuer-menschenrechte.de/impressum
  • https://www.institut-fuer-menschenrechte.de/themen/rechte-von-menschen-mit-behinderungen
  • https://www.institut-fuer-menschenrechte.de/fileadmin/Redaktion/Publikationen/Leichte_Sprache/DIMR_Bericht_ueber_die_Rechte_von_Menschen_mit_Behinderungen_2023.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Alle Seiten: Der Link-Icon "X" unter "Seite teilen" hat keine zugängliche Beschriftung für Screenreader. * Startseite: Die Grafiken der Inhalts-Teaser haben Layoutcharakter und sollten ein leeres alt-Attribut erhalten. * Inhaltsseite: Die Grafiken der "Ansprechpartner*innen" sollten im alt-Text die Information enthalten, dass hier ein Portrait der Personen (mit Namensnennung) eingebunden ist. Eine genaue Bildbeschreibung ist unnötig.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Alle Seiten: Die Buttons an der Primärnavigation sind für Screenreader nicht genau zuordenbar. Die Beschriftung "öffne Menü für" verweist nicht auf das konkrete Menü. Der Titel des jeweiligen Menüs fehlt in der Beschriftung. * Alle Seiten, Inhaltsseite: Die Links zu den Kontakten (Telefonnummer und E-Mail) sind als einzeln verlinkter Text/ Zahlenwert schlecht für Screenreader zuordenbar. Ein aussagekräftiges aria-label fehlt. * Alle Seiten: Im Hochkontrastmodus ist die Unterstreichung der ausgewählten Menüs und Paginierungen nicht sichtbar. Das Logo "Deutsches Institut für Menschenrechte" ist u.U. im Hochkontrastmodus nicht sichtbar, wenn der Button "Kontrast erhöhen" aktiv ist. * Startseite, Formularseite, Inhaltsseite: Gender-Sternchen werden vom Screenreader u.U. falsch ausgegeben (statt "Benutzer*innen" besser schreiben "Benutzerinnen und Benutzer"). * Suchseite: Für die Filtermenüs "Typ" und "Themen" fehlt ein Hinweis für Screenreader, bspw. ein aussagekräftiges aria-label an den interaktiven Elementen, dass Nutzer über diese Reiter ihre Suchergebnisse filtern können. Zudem sind diese Elemente als Überschriften ausgelegt, was nicht sinnvoll ist. Lediglich der Button "Filter zurücksetzen" am Ende des Seitenmenüs gibt einen Hinweis auf die Filterfunktion. * Suchseite: Eine Überschrift "Suchergebnisse über den Ergebnislinks fehlt. * Hinweis: Die HTML5-Elemente zur Einteilung der Seite sind z.T. nicht sinnvoll gewählt. So sind Überschriften zusätzlich als <header>-Element ausgewiesen (bspw. "Menschenrechtsbildung"). Der <footer>-Bereich auf der Startseite ist in der Mitte der Seite zu finden, was nicht korrekt ist.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Startseite: Einige Link-Texte sind im einspaltigen Modus nicht komplett sichtbar. * Inhaltsseite: Die Texte im Abschnitt "Ansprechpartner*innen" brechen nicht in das einspaltige Layout um und sind somit nicht lesbar.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Alle Seiten: In der mobilen Ansicht ist das Burger-Menü nicht durchgängig per Tastatur bedienbar.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden * Startseite: Der einführende Slider kann nicht pausiert werden.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Einige Inhalts-Teaser haben als Ganzes ein tabindex-Attribut. Dies sind unnötige Tabschritte für Tastaturnutzer, da diese <div>-Elemente keine Interaktion ermöglichen.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden * Startseite: Der englischsprachige Text-Teaser im Reiter "Veranstaltungen" ist nicht mit dem lang-Attribut ausgezeichnet und wird vom Screenreader undeutlich ausgesprochen. * Inhaltsseite: Der Link "OHCHR" ist in englischer Sprache ohne lang-Attribut hinterlegt.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden * Alle Seiten: Es sind bei der Analyse Syntaxfehler auf den Seiten aufgetreten.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Alle Seiten: Die interaktiven Elemente der Sekundärnavigation und die Untermenüs der Primärnavigation sind visuell und programmatisch als Links umgesetzt. Vom Screenreader werden sie als Ausklappmenü ausgegeben, was eine andere Bedienung erwarten lässt. Die aria-Attribute sind hier unnötig.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		im Wesentlichen bestanden Hinweis: Es wurde mit aktiviertem Modus "Kontrast erhöhen" getestet. * Startseite: Der Text "Behindertenrechtskonvention" im Slider ragt in das Teaserbild hinein und ist somit nicht gut vom Hintergrund zu unterscheiden.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		im Wesentlichen bestanden * Alle Seiten: Das Logo überdeckt wenige Links in der Navigation bei angepasster Schriftgröße.

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden –
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		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.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden Hinweis: Es wurde mit aktiviertem Modus "Kontrast erhöhen" getestet.
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		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.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.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.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden * Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		bestanden –

Möglicherweise verwandte Prüfungen

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