Staatliches Gutachten zur digitalen Barrierefreiheit

www.hanisauland.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler (Alternativtexte, Struktur, Lesereihenfolge, Navigation, Skip-Link, Name/Rolle/Wert) erschweren Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Mangelnde Kontraste, Probleme bei Hochkontrastmodus, Textüberläufe und teilweise fehlende Sichtbarkeit von Fokus- und Scroll-Elementen beeinträchtigen die Nutzung stark.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind weitgehend mit Untertiteln und Alternativen versehen, aber fehlende Gebärdensprache-Videos senken die Nutzbarkeit für gebärdensprachliche Nutzerinnen und Nutzer.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzliche Tastaturbedienbarkeit ist gegeben, aber nicht erreichbare Slider-Elemente, lange Tab-Wege und Fokusprobleme schränken effiziente Nutzung deutlich ein.

Lernbehinderung Mit Hindernissen nutzbar

Struktur- und Überschriftenfehler, wenig aussagekräftige Linktexte, unklare Fehlermeldungen und fehlende Inhalte in Leichter Sprache erschweren Orientierung und Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusführung, Zwang zum Durchtabben langer Listen, zeitlich begrenzte Fehlermeldungen und teils unlogische Struktur können Aufmerksamkeit, Orientierung und Reizverarbeitung merklich belasten.

Dokumentierte Barrieren

  • Springende oder schlecht beschriebene Links

    Viele Links haben unklare Bezeichnungen wie „Hier Gibt’s mehr“. Außerdem werden in einigen Slidern Links vom Screenreader nur als „leer“ ausgegeben.

    Auswirkung: Ich kann oft nicht erkennen, wohin ein Link führt, bevor ich ihn öffne. Manche Links wirken für mich sogar unbrauchbar, weil sie ohne sinnvollen Namen vorgelesen werden.

  • Fehlermeldungen sind schwer auffindbar

    Auf der Formularseite wird eine Fehlermeldung nur kurz als Tooltip am ersten fehlerhaften Feld angezeigt. Die übrigen fehlerhaften Felder sind nicht klar markiert und zeigen keine Textmeldung.

    Auswirkung: Ich erkenne nicht sicher, welche Eingaben falsch sind und was ich korrigieren muss. Dadurch kann ich ein Formular leicht mehrfach falsch absenden oder abbrechen.

  • Slider nicht vollständig per Tastatur bedienbar

    Die Paginierungspunkte in den Slider-Bereichen sind mit der Tastatur nicht erreichbar. Dadurch lassen sich einzelne Slider-Inhalte nicht direkt auswählen oder steuern.

    Auswirkung: Ich kann bestimmte Inhalte im Slider nicht gezielt öffnen oder durchblättern, wenn ich nur die Tastatur nutze. Das macht wichtige Startseiten-Inhalte schwerer oder gar nicht erreichbar.

  • Wichtige Bereiche sind nicht per Tastatur oder Fokusstruktur leicht erreichbar

    Die Fokusreihenfolge ist an mehreren Stellen unlogisch, und nach dem Öffnen der Suche landet der Fokus nicht im Suchfeld. Auf der Startseite müssen außerdem unsichtbare Slider-Inhalte mit durchlaufen werden, und die Suche springt nach einer neuen Suche nicht zum Ergebnis.

    Auswirkung: Ich brauche länger, um an die richtige Stelle zu kommen, und muss oft unnötig viele Tab-Schritte machen. Das kann dazu führen, dass ich mich verliere oder Funktionen übersehe.

  • Sprunglink zum Inhaltsbereich funktioniert nicht

    Der angebotene Skip-Link führt nicht zuverlässig zum Inhaltsbereich. Dadurch bleibt der Sprung über wiederkehrende Seitenelemente aus.

    Auswirkung: Ich muss mich durch die komplette Navigation arbeiten, obwohl ich direkt zum Inhalt springen möchte. Das kostet besonders bei jeder neuen Seite viel Zeit und Konzentration.

  • PDF-Dokument ist nicht barrierefrei aufbereitet

    Das bereitgestellte PDF erfüllt die Anforderungen an PDF/UA nicht. Damit sind Struktur, Auszeichnung oder Lesbarkeit für Hilfstechnologien wahrscheinlich eingeschränkt.

    Auswirkung: Ich kann das Dokument mit Screenreader oder anderen Hilfen nur eingeschränkt erschließen. Inhalte im PDF können unübersichtlich, unvollständig oder schwer navigierbar sein.

  • Unverständliche oder fehlende Alternativtexte bei Bildern

    Mehrere Bilder und Icons haben keinen passenden Alternativtext oder werden falsch beschrieben. Dazu gehören Bild-Text-Teaser, ein vergrößertes Bild mit Lupe-Icon und das Drucker-Icon mit falscher Ausgabe.

    Auswirkung: Wenn ich einen Screenreader nutze, verstehe ich nicht zuverlässig, was Bilder oder Symbole bedeuten. Ich kann dadurch Inhalte missverstehen oder Funktionen übersehen.

  • Zu schwacher Kontrast bei Texten und Platzhaltern

    Einige Texte haben zu wenig Farbkontrast, etwa der arabische Linktext auf der Startseite und der Platzhaltertext im Suchfeld. Dadurch sind diese Texte schwer lesbar.

    Auswirkung: Ich kann Beschriftungen und Hinweise schlechter erkennen, besonders bei schwachem Sehvermögen oder bei ungünstigen Lichtverhältnissen. Das erschwert die Suche und das schnelle Erfassen von Inhalten.

  • Nicht-Text-Elemente sind teils schlecht erkennbar

    Aktive Seitenelemente wie Slider-Punkte, Eingabefeld-Rahmen und Suchfeld-Bereiche haben zu wenig Kontrast. Dadurch sind Bedienelemente und Zustände visuell nicht immer klar wahrnehmbar.

    Auswirkung: Ich erkenne nicht immer, was klickbar ist oder welches Element gerade aktiv ist. Das macht die Bedienung unsicherer und langsamer.

  • Texte brechen bei Anpassung teils aus dem sichtbaren Bereich

    Bei angepassten Textabständen werden Inhalte in Slidern, Teasern und Navigationen teilweise abgeschnitten oder verschoben. Auch Copyright-Hinweise sitzen dann nicht mehr korrekt am Bild.

    Auswirkung: Ich kann Texte nicht vollständig lesen oder erkenne ganze Bereiche nicht mehr richtig. Das erschwert das Lesen und kann wichtige Zusatzinformationen unzugänglich machen.

  • Schlecht verständliche Seiten- und Bereichsbezeichnungen

    Die Seitenüberschrift auf vielen Unterseiten ist nicht sinnvoll formuliert und enthält einen technischen Platzhaltertext. Auch einzelne Bildangaben und Überschriften beschreiben Inhalte nicht klar genug.

    Auswirkung: Ich kann die Seite schlechter einordnen und verstehe nicht sofort, wo ich mich befinde. Das erschwert besonders das schnelle Wiederfinden und Orientieren.

  • Falsche Ausgabereihenfolge stört die Orientierung

    Einige Inhalte werden für Screenreader in einer anderen Reihenfolge ausgegeben als sie sichtbar angeordnet sind. Auf der Formularseite erscheint eine Hilfebox erst nach den Beiträgen, obwohl sie optisch früher steht.

    Auswirkung: Ich kann Inhalte in einer verwirrenden Reihenfolge hören und dadurch den Zusammenhang schlechter erfassen. Das kostet Zeit und kann dazu führen, dass ich wichtige Hinweise zu spät wahrnehme.

  • Zeitlich kurze Fehlermeldungen verschwinden zu schnell

    Formular-Fehlermeldungen werden nur für kurze Zeit direkt am Feld angezeigt. Wer langsamer liest oder sich erst orientieren muss, kann die Hinweise verpassen.

    Auswirkung: Ich habe unter Umständen keine Chance, die Fehlermeldung rechtzeitig zu lesen. Dann weiß ich nicht, was ich ändern muss, und der Vorgang stockt.

  • Leichte Sprache und Gebärdensprache fehlen

    Es gibt keine Inhalte in Leichter Sprache und kein Gebärdensprache-Video. Damit fehlen niedrigschwellige Zugänge für Menschen mit besonderen Sprach- und Kommunikationsbedarfen.

    Auswirkung: Ich kann wichtige Informationen möglicherweise nicht in einer für mich verständlichen Form aufnehmen. Das kann den Zugang zu den Angeboten deutlich erschweren.

  • Sprachwechsel ist an einzelnen Stellen nicht korrekt ausgezeichnet

    Einige Bedienelemente und Texte werden vom Screenreader in der falschen Sprache vorgelesen. Dadurch klingen sie ungewohnt und sind teilweise schwer verständlich.

    Auswirkung: Ich kann Wörter oder Bedienhinweise missverstehen, obwohl sie eigentlich einfach sein sollen. Das stört die Nutzung und kann mich an falschen Stellen stoppen.

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 118.0.5993.71
Screenreader
NVDA 2022.4
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Browser-Plugins: Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • www.hanisauland.de Web-Angebot öffnen
  • https://www.hanisauland.de/suche?search=Schule
  • https://www.hanisauland.de/post
  • https://hanisauland.de/wissen/spezial/politik/abgeordnete-spezial/abgeordnete-und-ihre-waehler
  • https://www.hanisauland.de/system/files/95934.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Startseite: Nicht alle Grafiken der Bild-Text-Teaser haben einen aussagekräftigen alt-Text. * Inhaltsseite: Im Inhaltsbereich hat das, über ein "Lupe"-Icon vergrößerte Bild, keinen aussagekräftigen alt-Text * Inhaltsseite: Das Drucker-Icon unterhalb des Artikels besitzt kein leeres alt-Tag, sondern wird vom Screenreader als "Das Logo der Bundeszentrale für politische Bildung" ausgegeben.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Startseite: Im Bereich "Mini Quiz" wird die Beschreibung zu den Radiobuttons nicht ausgegeben, da die Radiobuttons nicht als Gruppe (mit <fieldset>, <legend>) ausgezeichnet sind. * Startseite: In einigen Bereichen wie z.B. "Wissen", ist die Überschriftenhierarchie nicht korrekt, da auf eine H3 Überschrift eine visuell untergeordnete H3 Überschrift folgt. * Suchseite: Auf der Seite ist die Überschriftenhierarchie nicht korrekt da auf H3 erst H5 und danach H4 Überschriften folgen. * Inhaltsseite: Nicht alle Navigationsregionen sind mit <nav> ausgezeichnet (z.B.: Politik - Geschichte ...). * Inhaltsseite: Auf der Seite ist die Überschriftenhierarchie nicht korrekt. (Eine H3 Überschrift ist als H4 ausgezeichnet) * Alle Seiten: Nicht alle Elemente werden im Hochkontrastmodus angepasst (z.B. Hintergrund) * Startseite: In den Abschnitten "POST" und "EURE FRAGEN ZUM LEXIKON" ist die Scrollbar des Nachrichten-Bereichs im Hochkontrastmodus nicht sichtbar. * Suchseite: Im Abschnitt "WEITERE ERGEBNISSE IN KATEGORIEN:" sind die klappbaren Abschnitte, im Hochkontrastmodus, nicht mehr als solche erkennbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Formularseite: Auf der Seite ist die Ausgabereihenfolge nicht korrekt da die Bild-Text-Teaser-Box "Info - Hilfe für dich" erst nach allen Beiträgen ("EURE BEITRÄGE") vom Screenreader ausgegeben wird.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Startseite: Der Arabische Linktext vor dem Text "Arabisches Lexikon" (weiß auf orange, am rechten Rand) hat ein zu geringes Kontrastverhältnis von Text zu Hintergrund. * Alle Seiten: Der Platzhaltertext "Suche nach ..." im Sucheingabefeld (im Header) hat ein zu geringes Kontrastverhältnis von Text zu Hintergrund.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Startseite: In den Slidern hat der aktive Paginierungspunkt ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Startseite, Formularseite: Die Rahmen der Eingabefelder ("Schreibt uns eure Meinung") haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Alle Seiten: Der Hintergrund bzw. der Rahmen des Sucheingabefeldes (im Header) hat ein zu geringes Kontrastverhältnis von Text zu Hintergrund.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden * Startseite: In den Slidern werden mehrere Texte teilweise außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten (außer Formularseite): In den Bild-Text Teaser-Boxen werden mehrere Texte teilweise außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten: In der Hauptnavigation geht der Text des Link "Comic & Spiele" über den farbig hinterlegten Bereich hinaus. * Alle Seiten: Die Copyright Hinweise (weißer Text auf schwarzem Balken) werden nicht mehr am unteren Rand eines Bildes angezeigt.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Startseite: Die Paginierungspunkte der Slider sind mit der Tastatur nicht erreichbar.
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht bestanden * Startseite, Formularseite: Die eingeblendete Fehlermeldung wird nur für eine kurze Zeitspanne am entsprechenden Formularfeld angezeigt.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Der angebotene Skip-Link zum Inhaltsbereich der jeweiligen Seite funktioniert nicht.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: In den Slidern müssen alle Slides durchlaufen werden, auch die nicht sichtbaren. * Startseite: In den Bereichen "SCHREIB UNS DEINE IDEEN FÜR HANISAULAND.DE" und "EURE FRAGEN ZUM LEXIKON" müssen alle Beiträge/Nachrichten mit der Tab-Taste durchlaufen werden. Zudem wird der Fokus nicht immer im sichtbaren Bereich angezeigt. * Suchseite: Der Fokus wird nach dem Ausführen einer erneuten Suche, an den Anfang der Seite und nicht z.B. auf den ersten Suchergebniseintrag gesetzt. * Formularseite: Auf der Seite ist die Fokusreihenfolge nicht korrekt, da die Bild-Text-Teaser-Box "Info - Hilfe für dich" erst nach allen Beiträgen ("EURE BEITRÄGE") den Fokus erhält. * Alle Seiten: Nach dem Öffnen der Suche im Header wird der Fokus nicht in das Sucheingabefeld gesetzt.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Alle Seiten: Bei vielen Links ist z.B. der Linktext mit "Hier Gibt’s mehr" nicht gut aussagekräftig.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden * Suchseite: Bei den Teaserbildern der einzelnen Suchergebnisse wird bei jedem Bild nur das "Copyright"-Zeichen vom Screenreader ausgegeben und keine weiteren Copyright-Angaben. * Alle Seiten (außer Startseite): Auf den Seiten ist die H1 Überschrift "Hanisauland: Lexikon @todo: aus Preprocess" nicht verständlich.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden * Startseite: Die Bedienelemente ("<-" ">") der Slider werden vom Screenreader in englischer Sprache ausgegeben ("Move slider content left", "Move slider content right"), der Sprachwechsel ist im Quellcode nicht ausgezeichnet. * Formularseite: Im Bereich "Beiträge" wird der nicht sichtbare Text "Nachrichten-Thread", durch die fehlende Sprachwechsel Auszeichnung im Quellcode, vom Screenreader nicht verständlich ausgegeben.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden * Die Seiten enthalten Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Startseite: In den Slidern werden mehrere Links vom Screenreader nur als "leer" ausgegeben.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden * Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden * Formularseite: Die Fehlermeldung wird nur als Tooltip am ersten fehlerhaften Feld angezeigt. Die restlichen fehlerhaften Felder sind weder markiert noch ist eine Fehlermeldung in Textform ersichtlich.

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.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.10
Inhalte brechen in einspaltiges Layout um 		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.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		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.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 –

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