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
Unterstützung
barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen, die Barrierefreiheit voranbringen möchten. Wenn dir unsere Arbeit hilft oder du an unsere Mission glaubst, freuen wir uns über deinen Beitrag oder wenn du anderen Menschen davon erzählst.
Hinweis: Wir sind kein gemeinnütziger Verein – Spendenquittungen können wir daher leider nicht ausstellen.
Gutachten
Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Viele gravierende Screenreader- und Tastaturprobleme (Struktur, Fokus, Name/Rolle/Wert, Carousels, Cookie-Banner) erschweren die Nutzung deutlich, machen sie aber nicht völlig unmöglich.
Sehbehinderung
Kaum nutzbar
Mehrere Kontrastmängel, fehlende sichtbare Fokusanzeigen, Probleme bei Textabständen und im Einspaltenlayout beeinträchtigen die Nutzung stark.
Hörbehinderung
Mit Hindernissen nutzbar
Fehlende Untertitel und Alternativen bei einzelnen Videos schränken Medieninhalte ein, der übrige Webauftritt ist aber weitgehend nutzbar.
Motorische Behinderung
Kaum nutzbar
Umfangreiche Defizite bei Tastaturbedienbarkeit, Fokusführung und Skip-Links führen zu starken Barrieren für reine Tastaturnutzung.
Lernbehinderung
Mit Hindernissen nutzbar
Leichte Sprache und konsistente Navigation helfen, aber komplexe Formulare, Carousels und unklare Linktexte erschweren das Verständnis.
Neurodivergenz
Mit Hindernissen nutzbar
Automatische Carousels ohne Stoppmöglichkeit, Fokus-Irritationen und teils lange/unklare Links können Konzentration und Orientierung 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.
Gutachten-Historie
25.08.2023
Prüfung vor 2 Jahren
05.07.2021
Prüfung vor 4 Jahren
Empfehlung
Wir empfehlen die festgestellten Barrierefreiheitsprobleme mit dem WCAG-Level A bzw. entsprechend des WCAG-Levels A mit hoher Priorität zu beheben.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | Startseite, Inhaltsseite: Für einige Layoutgrafiken werden keine leeren alt-Attribute genutzt, sondern tlw. nicht aussagekräftige Alternativtexte, bspw. "Dunkelblauer Hintergrund auf dem in einem helleren Blau ganz links und angeschnitten eine stilisierte weltkugel zu sehen ist.". |
|
1.2.2 Aufgezeichnete Audio-Inhalte besitzen Untertitel |
nicht bestanden | Videoseite: Nicht alle Audio-Inhalte besitzen einen Untertitel. |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
nicht bestanden | Videoseite: Für das Video wird keine Alternative bereitgestellt. |
|
1.2.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
nicht bestanden | Videoseite: Das Video hat keine Audiodeskription. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | Startseite: Die Hierarchie der Überschriften im Carousel ist nicht korrekt. Die <h3>-Überschriften sind keine Unterüberschriften der <h2>-Überschrift. Suchseite, Formularseite: Es ist keine Überschrift der Ebene 1 ausgezeichnet. Inhaltsseite: Die Überschriften sind hierarchisch nicht korrekt ausgezeichnet. Die vier <h2>-Überschriften unter "Beiträge zu Bildung und Wissenschaft" sind ebenfalls als Überschrift der Ebene 2 ausgezeichnet. Außerdem werden Überschriften übersprungen. Nach einer <h2>- folgt eine <h5>-Überschrift. Startseite, Inhaltsseite: Auf den Seiten sind mehrere Header-Bereiche vorhanden, die nicht beschriftet sind. Alle Seiten: Im Header und Footer sind nicht alle Links als Liste strukturiert. Alle Seiten: Im Hochkontrastmodus ist der nach-oben-Pfeil und die Pfeil-Grafiken bei den Carousels (Inhaltsseite) nicht mehr zu erkennen. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | Startseite: Beim Wechsel der Carousel-Inhalte werden sofort vom Screenreader die Inhalte ausgegeben. Inhaltsseite: Unter "Veranstaltungsreihe" wird ein leerer Absatz und eine Trennlinie vom Screenreader ausgegeben. Alle Seiten: Die Links "Leichte Sprache" und "Gebärdensprache" werden durch ein <br>-Element getrennt und vom Screenreader nicht zusammenhängend vorgelesen. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | Formularseite: Formularelemente zur Erfassung von Nutzerdaten werden nicht mit einem autocomplete-Attribut und dem spezifischen Wert ausgezeichnet, dadurch ist der Zweck der Formularelemente nur schwer erkennbar. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | Alle Seiten: Einzelne Texte erfüllen nicht den geforderten Minimalkontrast von 4,5:1 für kleinen Text bzw. 3:1 für großen Text, wie z. B.: weiß auf grün ("freie Plätze"; URLs bei Suchergebnissen) 2,9:1, blau auf weiß (tlw. Teasertexte) 3,3:1, hellgrau auf dunkelgrau 3,2:1, weiß auf blau ("nach oben") 3,7:1, dunkelgrau auf hellgrau 4,4:1, hellblau auf weiß ("Suchfeldeingaben löschen") 2,0:1, hellgrau auf weiß (Zahlen in Pagination) 1,6:1, weiß auf grau (Buttontext E-Mail und Drucken) 2,9:1, weiß auf blau (Buttontext tweet) 2,5:1. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | Allen Seiten: Der Suche- und Sprache-Button werden nicht mehr angezeigt. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | Startseite: Einzelne Nicht-Text-Inhalte erfüllen nicht den geforderten Minimalkontrast von 3:1, wie bspw. Navigationselemente für das zweite Carousel (bspw. 1,4:1). Suchseite, Formularseite: Einzelne Nicht-Text-Inhalte erfüllen nicht den geforderten Minimalkontrast von 3:1, wie bspw. graue Rahmen der Eingabefelder (1,4:1 und 1,6:1). |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | Startseite: Bei Anpassung der Textabstände werden im Carousel tlw. die Texte und Buttons auf dem blauen Hintergrund nicht vollständig angezeigt. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | Startseite: Bei aktiven Screenreader ist der Button im Carousel, bspw. "Mehr erfahren", nicht mit mit der Tastatur bedienbar. Startseite: Die Elemente (Bullets) zur Auswahl der Slides bekommen zwar als Gruppe den Fokus, können aber nicht einzeln mit der Tastatur aktiviert werden. Suchseite: Bei aktivierter Tastatursteuerung (Barrierefreie Anpassungen) kann der Inhaltsbereich nach dem Breadcrumb nicht mit der Tastatur erreicht und bedient werden. Formularseite: Die Checkboxen können mit der Tastatur nicht aktiviert werden. Formularseite: Bei aktivierter Tastatursteuerung (Barrierefreie Anpassungen) kann die CAPTCHA Checkbox nicht mit der Tastatur erreicht und bedient werden. Inhaltseite: Die Vor- und Zurück-Links unter "Themen" und die die Elemente "Veranstalltungen" und "Publikationen" sind nicht mit der Tastatur bedienbar. Inhaltsseite: Die Registerkarten "Kontakt" und "Info" können mit der Tastatur nicht gewechselt werden. Alle Seiten: Die aktivierte Checkbox "Notwendig" bekommt nicht den Fokus und ist für Screenreader-Nutzer nur durch lineares Lesen wahrnehmbar. Alle Seiten: Bei aktivierter Tastatursteuerung (Barrierefreie Anpassungen) kann bei eingeblendeten Details im Cookie-Banner nicht mehr mit der TAB-Taste navigiert werden. Eine Navigation mit den Kurztasten ist noch möglich. Alle Seiten: Das Untermenü lässt sich nicht mit ESC schließen. |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
nicht bestanden | Startseite: Die automatisch gestartete Animation des Carousels kann nicht pausiert bzw. gestoppt werden. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | Alle Seiten: Main und Footer sind nicht durch entsprechende HTML-Elemente strukturiert. Alle Seiten: Skip-Links werden nur eingeblendet, wenn die Tastaturnavigation (Barrierefreie Anpassungen) aktiviert ist. Der Sprung zum Inhalt und das Öffnen des Untermenü über die Skip-Links ist nicht möglich. |
|
2.4.2 Titel beschreiben Thema oder Zweck |
nicht bestanden | Startseite: Im Titel fehlt die individuelle Bezeichnung der Seite, bspw. "Startseite - Friedrich-Ebert-Stiftung". Formularseite, Inhaltsseite: Im Titel fehlt der Angebotsname, bspw. "Newsletter-Bestellung - Friedrich-Ebert-Stiftung". |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | Startseite: "Details" unter "Aktuelle Veranstaltungen" werden zwei Mal fokussiert und werden zwei Mal mit Schalter vom Screenreader ausgegeben. Inhaltsseite: Zwei Links (Bild und "weitere Informationen"/"weiter") mit identischen Linkziel unter "Beiträge zu Bildung und Wissenschaft" und "Themen" erhalten jeweils den Fokus. Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite fokussiert. Dadurch kann dieser nicht sofort geschlossen werden. Der Cookie-Banner überlagert anderen Inhalt der Seite. Alle Seiten: Wird im Cookie-Baner Details ein- und ausgeblendet, wird der Fokus an den Anfang des Cookie-Banners gesetzt. Alle Seiten: Elemente in der rechten Navigation im Header, bspw. Suche, Login, werden jeweils zwei Mal fokussiert und als Schalter und Link vom Screenreader ausgegeben. Alle Seiten: Nicht sichtbare Elemente im Login- und Sprache-Untermenü bekommen den Fokus. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | Startseite: Alle Elemente (Überschrift und alt des Bildes) innerhalb eines Teaserelements werden als lange Links ausgegeben. Inhaltsseite: Der Linktext ist für einige Links nicht aussagekräftig, bspw. "Visual_11Std_Wissenschaft_Forschungsdaten.jpg" oder "twitter-fesbildung.jpg". Inhaltsseite: Der Link "hier" ist nicht aussagekräftig. Inhaltsseite: Es werden zwei Links mit identischen Linktext ausgegeben, bspw. "Die Kita soll’s richten ". Alle Seiten: Die Social-Media Buttons im Header und auf der Startseite im Footer werden beim linearen Lesen ohne Linktexte ausgegeben. Alle Seiten außer Startseite: Für die Social-Media Links "Soundcloud" und "LinkedIn" im Footer wird der Linktext "Instagram" ausgegeben. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | Formularseite, Inhaltsseite: Der Tastaturfokus ist auf den Social-Media Buttons vor dem Footer nicht sichtbar. Inhaltsseite: Bekommt das Carousel unter der Grafik "Friedrichs Bildungs-Blog" den Fokus, werden die Inhalte des Carousels übereinander angezeigt. Alle Seiten: Der Tastaurfokus ist auf den Checkboxen im Cookie-Banner nicht sichtbar. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | Formularseite: Beim Absenden eines fehlerhaften Formulars wird nur kurz am fehlerhaften Feld eine Fehlermeldung ausgegeben. Das fehlerhafte Feld wird visuell nicht hervorgehoben. Bekommt das fehlerhafte Feld den Fokus wird keine Fehlermeldung ausgegeben. |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | Alle Seiten: Die Seiten enthalten Syntaxfehler (z.B. Duplicate ID). |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | Inhaltsseite: Der aktiven Menüpunkt im Untermenü ist für Screenreader-Nutzer nicht erkennbar. Inhaltsseite: Die Elemente (Bullets) zur Auswahl der Slides werden vom Screenreader ohne Name, Rolle und Status ausgegeben (nur als anklickbar). Inhaltseite: Die Vor- und Zurück-Links unter "Themen" werden ohne Name und Rolle vom Screenreader ausgegeben. Alle Seiten: Für die Social-Media Links im Header werden keine Linktexte vom Screenreader ausgegeben. Alle Seiten: Der Status (hat Untermenü) für Menü-Button ist für Screenreader-Nutzer nicht erkennbar. Alle Seiten außer Startseite: Die aktuelle Seite wird im Breadcrumb nicht als solche ausgegeben. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | Das PDF-Dokument ist nicht PDF/UA-konform. |
| Kriterium | Status | Notizen |
|---|---|---|
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
im Wesentlichen bestanden | Inhaltsseite: Die Links zur Navigation durch das Carousel sind mit "prev" und "next" nicht aussagekräftig beschriftet. |
| Kriterium | Status | Notizen |
|---|---|---|
|
1.2.1 Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen |
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.4 Schriftgröße kann angepasst werden |
bestanden | |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
bestanden | |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
bestanden | |
|
2.1.2 Tastaturfallen sind nicht vorhanden |
bestanden | |
|
2.1.4 Zeichen-Tastenkürzel sind abschaltbar oder anpassbar |
bestanden | |
|
2.2.1 Zeitbegrenzungen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.5 Seiten sind über verschiedene Möglichkeiten auffindbar |
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.2 Label enthalten Eingabehinweise |
bestanden | |
|
3.3.3 Fehlermeldungen enthalten Korrekturvorschläge |
bestanden | |
|
3.3.4 Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) |
bestanden | |
|
4.1.3 Statusmeldungen werden ohne Fokussierung ausgegeben |
bestanden | |
|
A.1 Erklärung zur Barrierefreiheit ist vorhanden |
bestanden | Ergebnis der formalen Prüfung: bestanden |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | ja |
|
A.3 Leichte Sprache ist vorhanden |
bestanden | ja |
|
A.4 Gebärdensprache-Video ist vorhanden |
bestanden | ja |