Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- Deutsche Telekom MMS GmbH
- Stadt
- Dresden
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
www.boeckler.de
Website
nicht konform
Prüfung vom 25.03.2024
ID: #233
Beruf
Politik
private Organisation
Prüfbericht herunterladen (PDF)
Link kopiert!
Technische Umgebung
- OS: Windows 10 Enterprise
- Browser: Google Chrome 122.0.6261.95
- Screenreader: NVDA 2023.3.1
- Auflösung:
- 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
Zugänglichkeits-Analyse
KI-Schnellcheck zur Nutzbarkeit
Blindheit
Kaum nutzbar
Mehrere zentrale A‑ und AA-Kriterien für Screenreader, Struktur, Fokusführung, Tastaturzugänglichkeit und PDF/UA werden verfehlt, sodass Nutzung nur eingeschränkt und mit hohem Aufwand möglich ist.
Sehbehinderung
Kaum nutzbar
Unzureichende Kontraste, Probleme bei Vergrößerung und Reflow, abgeschnittene Navigation sowie fehlende vollständige Tastatur- und Fokusunterstützung erschweren die Nutzung stark.
Hörbehinderung
Weitgehend zugänglich
Audiovisuelle Inhalte sind überwiegend mit Untertiteln und Alternativen versehen, aber fehlende Gebärdensprache-Angebote senken die Nutzbarkeit etwas.
Motorische Behinderung
Kaum nutzbar
Wesentliche Bedienbereiche sind per Tastatur nicht erreichbar oder enthalten Tastaturfallen und teils unsichtbaren Fokus, was für viele motorisch eingeschränkte Personen gravierende Hürden darstellt.
Lernbehinderung
Mit Hindernissen nutzbar
Formularhilfen, Fehlerführung und konsistente Struktur sind teils vorhanden, aber fehlende Leichte Sprache, unklare Fokusführung, unvollständige Kennzeichnung von Pflichtfeldern und komplexe Navigation erschweren das Verständnis.
Neurodivergenz
Mit Hindernissen nutzbar
Unruhige Fokusreihenfolge, technische Stolpersteine (Tastaturfallen, unsichtbarer Fokus), fehlende Leichte Sprache und unklare Rückmeldungen können Orientierung und Aufgabenbearbeitung deutlich beeinträchtigen.
Hinweis: Diese Einschätzung 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.
Getestete Angebote
Webangebot öffnen-
www.boeckler.de
-
https://www.boeckler.de/de/globale-suche.htm?searchTerm=Weiterbildung&input-searchin=searchInFulltext
-
https://www.boeckler.de/de/kontakt-17847.htm
-
https://www.boeckler.de/de/boeckler-botschafterinnen-bei-instagram-52001.htm
-
https://www.boeckler.de/data/impuls_2024_02_S6-7.pdf
Empfehlung & Status
Empfehlung
Die festgestellten Barrierefreiheitsprobleme mit WCAG-Level A und AA sollten zeitnah behoben werden. Schwerpunkte liegen auf fehlenden Alternativtexten, der Struktur und Lesereihenfolge, fehlender Tastaturzugänglichkeit, nicht ausreichendem Farbkontrast, fehlender Identifizierbarkeit von Rollen/Werten sowie der Nachrüstung der formalen BITV-Elemente und PDF/UA-Konformität.
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite: Im Bereich "THEMENFOKUS: SOZIAL-ÖKOLOGISCHE TRANSFORMATION" hat die Grafik im ersten Teaser keine aussagekräftige Beschriftung. * Inhaltsseite: Die Bilder im Inhaltsbereich haben keine aussagekräftigen alt-Texte (welche die Bildsituationen genauer beschreiben). * Alle Seiten: Die Beschriftungen der "Hans Böckler Stiftung"-Logos im Kopf- und Fußbereich entsprechen nicht genau den Logotexten. Zudem ist die Information zum Linkziel nicht bei allen vorhanden. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Suchseite: Die Überschriftenhierarchie stimmt nicht, auf H3 folgen H2. * Suchseite: Nach dem Sucheingabefeld ist die Beschriftung "Suchen in:" nicht per <legend> und <fieldset> mit den Radiobutton verknüpft. Hinweis: * Formularseite: Auf der Seite werden Überschriftenebenen übersprungen. * Formularseite: Die Fehlermeldungen sind nicht mit den dazugehörigen Formularfeldern verknüpft. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite: Im Inhaltsbereich ist die Ausgabereihenfolge bei einigen Elementen nicht korrekt, z. B. zuerst Überschrift und Text, danach erst Informationen zur Grafik "System Relevant Folge 182" (auch im Bereich "Aktuelles"). * Startseite: Im Bereich "Aktuelle Angebote" werden im Slider alle Inhalte vom Screenreader ausgegeben, nicht nur die sichtbaren. * Alle Seiten: In der Metanavigation werden beim Button "Institute" alle ausgeblendeten Unterpunkte vom Screenreader ausgegeben. * Alle Seiten: Nach dem "Newsletter"-Button im Footer werden mehrere nicht sichtbare Elemente vom Screenreader ausgegeben. * Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite vom Screenreader ausgegeben. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | * Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Startseite, Inhaltsseite: Einige Texte (z. B. "Der Beitrag wurde zu Ihrem Merkzettel hinzugefügt.", "teilen" nach Aktivieren des Layers) haben ein zu geringes Kontrastverhältnis. * Suchseite: Mehrere Elemente der Seite (z. B. Links im Filterbereich, Texte "In Themen", "In Grafiken", die Wochentage im Date-Picker) haben zu geringen Kontrast. * Formularseite: Die roten Fehlermeldungstexte und roten Labels haben ein zu geringes Kontrastverhältnis zum Hintergrund. |
|
1.4.4 Schriftgröße kann angepasst werden |
nicht bestanden | * Alle Seiten: Navigationsinhalte werden teilweise außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten: Die Unterpunkte des Menüpunktes "Institute" werden beim Scrollen von einem Layer überlagert. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Alle Seiten: Im geöffneten Navigationsmenü werden einzelne Menüpunkte nicht mehr vollständig angezeigt (können nicht in sichtbaren Bereich gescrollt werden). |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Suchseite: Im Bereich "Suchen in:" besitzt der aktive Radiobutton ein zu geringes Kontrastverhältnis. * Suchseite: Der Rahmen des Sucheingabefeldes hat ein zu geringes Kontrastverhältnis. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Startseite, Inhaltsseite: Das "teilen"-Element (unterhalb der Teaser) ist mit der Tastatur nicht erreichbar. * Startseite: Die vier dauerhaft angezeigten Untermenüpunkte (linke Spalte) sind per Tastatur nicht erreichbar. * Suchseite: Mehrere Elemente (z. B. Radiobutton "Suchen in:", Tooltip, Auswahl "Ergebnisse filtern") sind per Tastatur nicht erreichbar. * Alle Seiten: Im Cookie-Banner sind die Options-Schalter "Statistik" und "Funktional" mit der Tastatur nicht erreichbar. * Alle Seiten: In der Vorschlagsliste der Suchergebnisse (Header) ist das unterste Element "Alle Ergebnisse für ..." mit der Tastatur nicht erreichbar. |
|
2.1.2 Tastaturfallen sind nicht vorhanden |
nicht bestanden | * Suchseite: Nach dem Fokussieren der "Date-Picker"-Felder in der geöffneten Filterauswahl kann der Fokus nicht mehr entfernt werden, weitere Bedienung per Tastatur nicht möglich. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Alle Seiten: Es werden keine Skip-Links zur Verfügung gestellt. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: Im Bereich "Aktuelle Angebote" erhalten je Eintrag zwei Links den Fokus, die auf dasselbe Ziel verweisen. * Startseite: Im Slider müssen alle Inhalte mit der Tabulatortaste durchlaufen werden. * Suchseite: Der Fokus wird nach Aktionen an den Seitenanfang gesetzt statt z. B. auf das erste Suchergebnis. * Formularseite: Fokus nach Absenden eines fehlerhaften Formulars geht an den Seitenanfang statt auf erstes fehlerhaftes Feld. * Inhaltsseite: Nach Aktivieren der Bildvergrößerung wird der Fokus nicht darauf gesetzt. * Inhaltsseite: Nach Schließen des Modal-Layers wird der Fokus auf den Seitenanfang gesetzt. * Alle Seiten: Ausgeblendete Untermenüpunkte des Menüpunkts "Institute" erhalten Fokus. * Alle Seiten: Nach dem "Newsletter"-Button folgen zwei nicht sichtbare Tabschritte. * Alle Seiten: Cookie-Banner wird erst am Ende der Seite erreicht. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Inhaltsseite: Der Linktext "< zurück" (oben rechts) ist nicht aussagekräftig. * Alle Seiten: Beim Socialmedia-Link im Header ist der Linktext des "X"-Links nicht korrekt. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Startseite: Der Fokus im Bereich "Aktuelle Angebote" auf dem Pfeil-Icon des Sliders ist nicht sichtbar. * Alle Seiten: Der Fokus auf dem Menüpunkt "Institute" nach Öffnen des Untermenüs ist nicht mehr sichtbar. * Alle Seiten: Im Cookie-Banner ist der Fokus auf den Buttons "Einwilligung speichern" und "Alles akzeptieren" nicht mehr sichtbar. |
|
3.3.2 Label enthalten Eingabehinweise |
nicht bestanden | * Formularseite: Die entsprechenden Pflichtfelder sind visuell nicht mit Stern gekennzeichnet und der Screenreader gibt diese auch nicht als Pflichtfelder aus. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Startseite: Die vier dauerhaft angezeigten Untermenüpunkte (linke Spalte) werden vom Screenreader nur als "anklickbar" ausgegeben. * Startseite, Inhaltsseite: Die "teilen"-Elemente werden nur als "anklickbar" ausgegeben. * Startseite: Im Bereich "Aktuelle Angebote" wird der inaktive Button "Nach Links scrollen" vom Screenreader ausgegeben. * Suchseite: Mehrere Elemente (z. B. "Suchen in:"-Radiobutton, "Ergebnisse Filtern"-Auswahlliste) werden ohne Rolle oder Wert ausgegeben; Filterlösch-Elemente nur als "anklickbar". * Alle Seiten: Metanavigation-Button "Institute" gibt Zustand (offen/geschlossen) und vorhandene Unterpunkte nicht aus. * Alle Seiten: Cookie-Banner-Options-Schalter werden ohne Rolle nur als "anklickbar" ausgegeben. |
|
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 | |
|
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 |
|---|---|---|
|
2.4.2 Titel beschreiben Thema oder Zweck |
im Wesentlichen bestanden | * Suchseite: Im Titel fehlt der Suchbegriff nach erneuter Suche. |
Bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen |
bestanden | |
|
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel |
bestanden | |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
bestanden | |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
bestanden | |
|
1.3.3 Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich |
bestanden | |
|
1.3.4 Bildschirmausrichtung ist änderbar |
bestanden | |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
bestanden | |
|
1.4.2 Automatisch abgespielte Audio-Inhalte sind steuerbar |
bestanden | |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
bestanden | |
|
1.4.12 Textabstände sind anpassbar |
bestanden | |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
bestanden | |
|
2.1.4 Zeichen-Tastenkürzel sind abschaltbar oder anpassbar |
bestanden | |
|
2.2.1 Zeitbegrenzungen sind steuerbar |
bestanden | |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
bestanden | |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
bestanden | |
|
2.5.1 Komplexe Zeigerbedienung ist verzichtbar |
bestanden | |
|
2.5.2 Zeiger-Eingaben können abgebrochen oder widerrufen werden |
bestanden | |
|
2.5.3 Label enthält sichtbare Beschriftung |
bestanden | |
|
2.5.4 Bewegungsaktivierung ist verzichtbar |
bestanden | |
|
3.1.1 Sprache ist ausgezeichnet |
bestanden | |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
bestanden | |
|
3.2.1 Fokussierung führt nicht zu Kontextänderung |
bestanden | |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
bestanden | |
|
3.2.3 Navigation ist konsistent aufgebaut |
bestanden | |
|
3.2.4 Elemente sind konsistent bezeichnet |
bestanden | |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
bestanden | |
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
bestanden | |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
bestanden |