Staatliches Gutachten zur digitalen Barrierefreiheit

www.siegelklarheit.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Viele zentrale Barrieren für Screenreader (fehlende Alternativtexte, falsche Struktur, umfangreiche Tastaturprobleme, unklare Fehler- und Statuskommunikation) schränken die Nutzung stark ein, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Kaum nutzbar

Mehrere gravierende Kontrastprobleme, mangelnde Skalierbarkeit von Text und Layout sowie nicht responsive Inhalte und schlecht unterscheidbare grafische Elemente beeinträchtigen die Lesbarkeit erheblich.

Hörbehinderung Mit Hindernissen nutzbar

Multimedia ist weitgehend mit Untertiteln/Alternativen versehen, aber es fehlen Gebärdensprachangebote und Inhalte in Leichter Sprache, was die Zugänglichkeit einschränkt.

Motorische Behinderung Kaum nutzbar

Wesentliche Bereiche sind nicht tastaturbedienbar und der sichtbare Fokus fehlt teilweise, wodurch eine rein tastatur- oder hilfsmittelbasierte Nutzung stark behindert wird.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unzureichende Fehlermeldungen und Korrekturhinweise sowie komplexe Formulare ohne klare Führung erschweren die Nutzung deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Nicht pausierbare Slider, unklare Fokusführung und teils unübersichtliche Struktur können Aufmerksamkeit und Orientierung beeinträchtigen, auch wenn grundlegende Inhalte zugänglich bleiben.

Dokumentierte Barrieren

  • Wichtige Bereiche sind per Tastatur nicht erreichbar

    Mehrere zentrale Navigationselemente wie Untermenüs, Burger-Menü, Seitenmenüs, Reiter und einige Links lassen sich nicht mit der Tastatur bedienen. Dadurch bleiben Teile der Seiten- und Inhaltsnavigation für viele Nutzende unzugänglich.

    Auswirkung: Ich kann bestimmte Bereiche nicht öffnen oder erreichen, wenn ich keine Maus nutzen kann. Für mich wird die Navigation dadurch an zentralen Stellen blockiert oder stark ausgebremst.

  • Formulare sind schwer ausfüllbar und Fehler werden nicht klar erklärt

    Formularfelder haben teils keine sichtbaren Labels, Fehler werden nicht ausreichend in Textform angezeigt und es fehlen verständliche Korrekturhinweise. Zusätzlich springt der Fokus bei Fehlern nicht zum ersten problematischen Feld.

    Auswirkung: Ich weiß nicht immer, was ich eingeben soll oder was genau falsch war. Dadurch kann ich Formulare nur mühsam oder gar nicht erfolgreich abschicken.

  • Screenreader erhält unzureichende Struktur und Beschriftungen

    Wichtige Inhalte wie Navigation, Listen, Überschriften, Icons und Sternbewertungen sind für Screenreader nicht sauber ausgezeichnet. Außerdem fehlen teils beschreibende Alternativtexte, sodass die Bedeutung vieler Grafiken unklar bleibt.

    Auswirkung: Wenn ich mit einem Screenreader unterwegs bin, verstehe ich die Seite nicht zuverlässig und kann Inhalte schlechter einordnen. Das macht es schwer, Angebote zu vergleichen oder gezielt Informationen zu finden.

  • Wichtige Inhalte sind wegen schwacher Kontraste schwer lesbar

    Mehrere Texte, Platzhalter, Buttons sowie grafische Elemente haben zu geringe Kontraste zum Hintergrund. Auch Icons, Sternbewertungen und Balken sind teilweise nur schwer voneinander unterscheidbar.

    Auswirkung: Ich kann Inhalte schlechter erkennen, besonders bei Sehschwäche oder in ungünstigen Umgebungen. Dadurch brauche ich deutlich mehr Zeit oder verpasse Informationen ganz.

  • Tastaturfokus ist teils unsichtbar

    Bei wichtigen Bedienelementen wie dem Absenden-Button im Kontaktformular sowie Slider-Pfeilen und Pagination ist der Tastaturfokus nicht sichtbar. Betroffene Elemente lassen sich dadurch zwar eventuell ansteuern, aber nicht zuverlässig erkennen.

    Auswirkung: Ich verliere beim Bedienen mit Tastatur oder Hilfsmitteln die Orientierung, weil ich nicht sehe, wo ich gerade bin. Das erhöht die Fehlergefahr und macht die Bedienung anstrengend.

  • Seite funktioniert bei Vergrößerung und schmalen Ansichten nicht stabil

    Einige Inhalte passen sich bei größerer Schrift oder responsiver Darstellung nicht korrekt an und überlagern andere Bereiche. Dadurch können Texte abgeschnitten oder schwer lesbar werden.

    Auswirkung: Wenn ich Schrift vergrößere oder zoome, kann ich Inhalte nur eingeschränkt lesen. Das erschwert mir das Erfassen ganzer Abschnitte erheblich.

  • Formularfelder sind nicht eindeutig gekennzeichnet

    Mehrere Eingabefelder besitzen kein verknüpftes Label und sind nur unzureichend mit Platzhaltern beschrieben. Ohne klare Beschriftung ist nicht immer erkennbar, welche Information erwartet wird.

    Auswirkung: Ich weiß bei manchen Feldern nicht sicher, was ich eintragen soll. Das führt zu Unsicherheit und erhöht die Fehlerwahrscheinlichkeit.

  • Wichtige Inhalte sind als Bildgrafik nicht zugänglich

    Eine Grafik zu den 17 Nachhaltigkeitszielen ist als Schriftgrafik umgesetzt, hat keine Textalternative und lässt sich nicht an meine Bedürfnisse anpassen. Solche Inhalte können von Assistenztechnik nicht sinnvoll erfasst werden.

    Auswirkung: Ich kann die dargestellten Informationen möglicherweise nicht lesen oder nutzen. Damit gehen mir wichtige inhaltliche Zusammenhänge verloren.

  • PDF ist für Assistenztechnik nicht ausreichend zugänglich

    Das geprüfte PDF erfüllt die Anforderungen an PDF/UA nicht. Dadurch können Struktur, Lesereihenfolge oder Inhalte für Assistenztechnik problematisch sein.

    Auswirkung: Wenn ich auf das PDF angewiesen bin, kann ich Inhalte eventuell nicht sinnvoll auslesen oder verstehen. Das kann den Zugriff auf wichtige Informationen stark beeinträchtigen.

  • Automatisch laufende Slider stören die Nutzung

    Die Slider-Animation im Bereich 'Siegelverzeichnis' ist nicht pausierbar. Zusätzlich erhalten Slider-Elemente mehrfach Fokus, was die Bedienung unruhig und unübersichtlich macht.

    Auswirkung: Ich werde beim Lesen und Navigieren ständig abgelenkt und kann Inhalte schwer fokussieren. Für mich wird die Nutzung dadurch deutlich anstrengender und weniger kontrollierbar.

  • Sprungmarken fehlen, dadurch ist die Orientierung erschwert

    Es gibt keine Sprungmarken zum Hauptinhalt oder zur Hauptnavigation. Nutzende müssen wiederkehrende Bereiche jedes Mal erneut durchlaufen.

    Auswirkung: Ich brauche länger, um zu den eigentlichen Inhalten zu kommen, weil ich mich immer wieder durch die gleichen Bereiche bewegen muss. Das ist besonders für Tastatur- und Screenreader-Nutzung mühsam.

  • Sprachwechsel ist für Screenreader nicht verständlich

    Einige Bedienelemente und Textabschnitte sind auf Englisch beschriftet, ohne korrekt als abweichende Sprache markiert zu sein. Dadurch wird der Inhalt von Screenreadern teilweise falsch oder unverständlich vorgelesen.

    Auswirkung: Ich verstehe einzelne Bedienelemente oder Textstellen nicht zuverlässig. Das kann mich bei der Suche oder beim Lesen von Informationen ausbremsen.

  • Fehlende Erklärung zur Barrierefreiheit und kein Feedbackweg

    Es gibt keine sichtbare Erklärung zur Barrierefreiheit und keine Feedback-Möglichkeit, um Probleme zu melden. Zusätzlich fehlen Leichte Sprache und Gebärdensprache-Angebote.

    Auswirkung: Ich finde keine einfache Stelle, um Barrieren zu melden oder Unterstützung zu bekommen. Wenn ich auf Hilfe angewiesen bin, wird die Nutzung dadurch deutlich erschwert.

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 Version 117.0.5938.63
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) Browser Plugin, HTML Validator, WCAG Parsing Bookmarklet
  • www.siegelklarheit.de Web-Angebot öffnen
  • https://www.siegelklarheit.de/suche?query=Blauer+Engel
  • https://www.siegelklarheit.de/impressum
  • https://www.siegelklarheit.de/blauer-engel-papier-23
  • https://www.siegelklarheit.de/static/media/SGK_SK-RK-unterstuetzte-Siegel_DE_RK%20NEU.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Mehrere Siegel und Logos sind ohne beschreibende Alt-Texte, Layoutgrafiken enthalten unnötige Texte und Teaser- bzw. Logos auf allen Seiten fehlen zielbeschreibende Alternativtexte; Layoutlinien neben Referenzdokumenten müssen für Screenreader ausgeblendet werden.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Aktuelle Navigation ist für Screenreader nicht erkennbar, Navigationsbereiche nicht beschriftet, Felder unnötig in Fieldsets, Grafiken im Hochkontrastmodus nicht angepasst, Überschriften falsch verschachtelt, Such- und Inhaltsseiten listen Inhalte nicht programmatisch und Icons sowie Sternbewertungen nicht für Screenreader zugänglich; eine H1 fehlt und ausgeblendete Inhalte nicht korrekt versteckt.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Persönlich bezogene Felder (z. B. Name) besitzen kein autocomplete-Attribut.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Placeholder und Texte auf Start-, Such- und Inhaltsseite haben zu geringe Kontraste; Buttontexte, Texte in Schriftgrafiken sowie Phasenabschnitte mit Icons sind schwer lesbar, da Kontrastwerte teilweise unter 3:1.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		nicht bestanden Der Abschnitt unter der Überschrift zu den Phasen des Produktlebensweges passt sich bei Schriftgrößenanpassung nicht an.
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden Schriftgrafik zu den 17 Nachhaltigkeitszielen hat keine Textalternative und lässt sich nicht an Benutzerbedürfnisse anpassen.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Einige Texte überlagern andere Inhalte auf Start- und Inhaltsseite und sind nicht an responsive Design angepasst.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Sternbewertungen und Icons auf Such- und Inhaltsseite sowie Balkendarstellungen weisen zu geringe Kontraste auf, verschiedene Farben sind nicht unterscheidbar und Kontrastverhältnisse liegen vielfach unter 2,5:1.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Untermenüs der Hauptnavigation, Burger-Menü, Seitenmenüs, Reitermenü, Ausklappelemente und Links in Menüs auf Inhaltsseite sind nicht per Tastatur erreichbar, Links wie 'Mehr anzeigen...' nicht zugänglich, interaktive Elemente nicht als Standard implementiert.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Slider-Animationen im Bereich 'Siegelverzeichnis' auf der Startseite sind nicht pausierbar.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Keine Sprungmarken zum Hauptinhalt oder zur Hauptnavigation vorhanden.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Cookie-Banner fängt Fokus im Hintergrund ein, Slider-Elemente und Teaser erhalten mehrfachen Fokus, Startseitenüberschriften erhalten unnötigen Fokus für Screenreader.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Links zur Sprachauswahl sind lediglich mit 'DE' und 'EN' beschriftet, was unzureichend ist.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Absenden-Button im Kontaktformular sowie Slider-Pfeile und Pagination auf der Startseite zeigen keinen sichtbaren Tastaturfokus.
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		nicht bestanden Formularfelder sind ohne sichtbare Beschriftung, viele Felder besitzen kein verknüpftes Label.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Slider-Pagination und -Pfeile beschriftet auf Englisch sowie englische Textabschnitte ohne lang-Attribut auf Inhaltsseite führen zu unverständlicher Wiedergabe per Screenreader.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Fehlerhafte Formularfelder werden nicht in Textform beschrieben und nicht über Screenreader angekündigt.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden Fehlermeldungen werden nicht am Label eingeblendet, keine farbliche Markierung fehlerhafter Felder, Fokus wird nicht ins erste fehlerhafte Feld gesetzt, Placeholder unzureichend.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht bestanden Es fehlen Korrekturvorschläge oder beschreibbare erlaubte Werte für fehlerhafte Eingaben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Formale Prüfung zeigt keine vorhandene Erklärung zur Barrierefreiheit.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Feedback-Möglichkeit ist nicht vorhanden.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Keine Inhalte in Leichter Sprache vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Kein Gebärdensprache-Video verlinkt.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das geprüfte PDF-Dokument entspricht nicht PDF/UA.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		im Wesentlichen bestanden Seite enthält einen Syntaxfehler.

Bestanden

Kriterium Status
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.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
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.2
Titel beschreiben Thema oder Zweck 		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.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		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.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		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