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
Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Mehrere zentrale A‑Erfolgskriterien für Screenreader-Nutzende (Alt-Texte, Struktur, Namen/Rollen/Werte, Tastaturbedienung, Fokus, Skip-Links, Formulare) werden nicht erfüllt, sodass wesentliche Inhalte und Funktionen nur eingeschränkt zugänglich sind.
Sehbehinderung
Kaum nutzbar
Massive Kontrastprobleme, unvollständige Skalierbarkeit bei 200 % Vergrößerung, fehlender responsiver Umbruch, unsichtbarer Tastaturfokus und schwach hervorgehobene Steuerelemente erschweren die Nutzung deutlich.
Hörbehinderung
Mit Hindernissen nutzbar
Untertitel und Audiodeskription sind überwiegend vorhanden, jedoch fehlen Alternativen für bestimmte Videos und ein Gebärdensprachangebot, was vor allem multimediale Inhalte einschränkt.
Motorische Behinderung
Mit Hindernissen nutzbar
Zwar ist die Seite grundsätzlich tastaturbedienbar ohne Fallen, aber wichtige Steuerelemente (Carousel, Kalender) sind per Tastatur nicht erreichbar und der Fokus ist teils unsichtbar, was die Bedienung stark erschwert.
Lernbehinderung
Kaum nutzbar
Es fehlen Leichte Sprache, Gebärdensprache, klare Fehlerkennzeichnung und ‑erklärung bei Formularen; zudem sind Struktur, Überschriften, Labels und sich bewegende Inhalte (Carousel ohne Stopp) problematisch.
Neurodivergenz
Kaum nutzbar
Fehlende Pausierbarkeit des automatisch wechselnden Carousels, unklare Fokusreihenfolge, viele redundante Fokusstopps, schwache Struktur und Kontraste können Konzentration und Orientierung stark 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
08.08.2023
Prüfung vor 2 Jahren
19.02.2021
Prüfung vor 5 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: Das grafische Bedienelement zum Schließen des Info-Banners hat keine Beschriftung. Startseite: Für die Navigationpfeile des Carousels wird kein Alternativtext ausgegeben. Startseite, Inhaltsseite: Die Teaserbilder haben kein Alt-Attribut. Formularseite: Für das CAPTCHA-Bild wird keine alternative Ausgabe bereitgestellt. Alle Seiten: Das grafische Bedienelement zum Schließen des Cookie-Banners hat keine Beschriftung. Alle Seiten: Das Logo im Footer hat keinen Alternativtext. Alle Seiten: Die Social-Media Icons sind nur über ein title-Attribut beschriftet und werden in der Screenreader-Elementliste als "unbeschriftet" und beim linearen Lesen nur mit "Link" ausgegeben. Alle Seiten: Für das Icon "behindertengerecht" im Footer wird kein Alternativtext ausgegeben. |
|
1.2.3 Aufgezeichnete Video-Inhalte besitzen Alternativen |
nicht bestanden | Videoseite: Für das Video wird keine Alternative bereitgestellt. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | Startseite: Auf der Seite ist keine Hauptüberschrift der Ebene 1 ausgezeichnet. Startseite: Die Überschriften "Neuigkeiten aus der Akademie" und "Vorschau" sind nicht als Überschrift ausgezeichnet. Startseite: Die Listenpunkte unter "Neuigkeiten aus der Akademie" werden als h2-Überschriften ausgegeben. Startseite: Überschriften auf der rechten Seite bspw. "Veranstaltungskalender" werden als h3-Überschriften ausgegeben. Startseite: Im Hochkontrastmodus ist das aktive Carouselelement in der Pagination nicht erkennbar. Suchseite: Die Suchergebnisse werden als h3-Überschriften ausgegeben. Formularseite: Für das Eingabefeld "Telefon" ist die Beschriftung nicht korrekt verknüpft. Inhaltsseite: Die h1-Überschrift "Im Folgenden finden Sie die digitalen Angebote der Akademie der Künste." wird am Ende des Inhaltsbereiches ausgegeben. Startseite, Inhaltsseite: In der Tabelle "Kalender" sind die Spaltenüberschriften (Wochentage) nicht korrekt als th-Elemente ausgezeichnet. Alle Seiten: Die Navigationen sind nicht durch ein aria-label eindeutig beschriftet. Alle Seiten: Der Inhaltsbereich ist nicht durch <main> ausgezeichnet. Alle Seiten: Links (Kontakt, Newsletter, ...) im Footer sind nicht als Listen ausgezeichnet. |
|
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: Der Kontrastabstand von dem lila Text zum weißen Hintergrund ist mit 4,07:1 zu gering. Formularseite: Der Kontrastabstand von dem grauen Formularbeschriftungen zum weißen Hintergrund ist mit 2,61:1 zu gering. Inhaltsseite: Der Kontrastabstand von dem grauen Navigationselementen (links) und dem Link "Termin speichern" zum weißen Hintergrund ist mit 2,61:1 zu gering. Inhaltsseite: Der Kontrastabstand der roten Texte zum weißen Hintergrund ist mit 4:1 zu gering. Alle Seiten: Der Kontrastabstand von dem weißem Text zum lila Hintergrund (bspw. im Footer) ist mit 4,07:1 zu gering. Alle Seiten außer Suchseite: Der Kontrastabstand von dem grauen Placeholder-Text im Sucheingabefeld zum hellgrauen Hintergrund ist zu gering. |
|
1.4.4 Schriftgröße kann angepasst werden |
nicht bestanden | Alle Seiten: Bei einer Schriftvergrößerung auf 200% ist der rechte Bereich des Footers nicht vollständig sichtbar. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | Alle Seiten: Bei einer mobilen Gerätesimulation (320px Breite) werden Inhalte teilweise nicht in ein einspaltiges Layout umgebrochen, sondern verkleinert dargestellt. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | Startseite: Der Kontrastabstand der grauen Carousel-Bedienelemente (vor/zurück) zum farbigen Hintergrund ist zu gering. Formularseite: Der Kontrastabstand der grauen Eingabefelder, der Rahmen der Auswahlliste und des grauen Buttons zum weißen Hintergrund ist zu gering. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | Startseite: Die Navigationpfeile des Carousels sind mit der Tastatur nicht erreichbar und bedienbar. Startseite, Inhaltsseite: Die Pfeile im Kalender zum Wechsel der Monate sind mit der Tastatur nicht erreichbar und bedienbar. |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
nicht bestanden | Startseite: Das automatisch wechselnde Carousel kann nicht pausiert bzw. gestoppt werden. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | Alle Seiten: Inhalte bzw. Bereiche können nicht mit Skip-Links oder Accesskeys übersprungen werden. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | Startseite: Es bekommen alle Carouselelemente den Fokus, auch wenn diese noch nicht sichtbar sind. Startseite: Unter den Inhaltsteasern erhalten drei Links (Bild, h2-Überschrift und "mehr") den Fokus, welche auf das gleiche Ziel verweisen. Inhaltsseite: Unter den Inhaltsteasern erhalten zwei Links (Bild und h2-Überschrift) den Fokus, welche auf das gleiche Ziel verweisen. Startseite, Inhaltsseite: Es muss durch alle Tage im Kalender mit der Tab-Taste navigiert werden um den nachfolgenden Inhalt zu erreichen. Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite fokussiert. Dadurch kann dieser nicht sofort geschlossen werden. Alle Seiten: Die Inhalte des Cookie-Banners bekommen den Fokus, auch wenn dieser ausgeblendet ist. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
nicht bestanden | Startseite, Suchseite: Der Nach-oben-Link ist mit "Scroll" nicht aussagekräftig. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | Startseite: Der Tastaturfokus ist auf den Elementen der Carousel-Pagination nicht sichtbar. Formularseite: Der Tastaturfokus ist auf der Auswahlliste "Anrede" und auf dem Button "Senden" nicht sichtbar. Inhaltsseite: Bekommt der Link "Termin speichern" den Fokus, wird der Linktext nicht angezeigt. Alle Seiten: Der Tastaturfokus ist auf den Elementen im Cookie-Banner nicht sichtbar. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | Startseite: Die Linktexte für die Carousel-Pagination werden bspw. mit "Page 1" ausgegeben. Alle Seiten außer Formularseite: Einige englische Texte sind nicht korrekt ausgezeichnet. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | Formularseite: Nach Absenden eines fehlerhaften Formulars, wird die Fehlermeldung nur für wenige Sekunden als Tooltip am ersten fehlerhaften Feld angezeigt. Es benennt teilweise nicht das fehlerhafte Feld. Das fehlerhafte Feld ist visuell und programmatisch (aria-invalid) nicht wahrnehmbar. Wird eine fehlerhafte Antwort auf die Sicherheitsabfrage eingegeben, wird keine Fehlermeldung ausgegeben. |
|
3.3.2 Label enthalten Eingabehinweise |
nicht bestanden | Alle Seiten: Das Sucheingabefeld ist nur mit einem Placeholder-Text beschriftet. |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | Inhaltsseite: Es tritt ein Syntaxfehler (Element p not allowed as child of element h1 in this context.) auf. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | Startseite: Das Carousel ist für blinde Nutzer nicht als solches erkennbar. Inhaltsseite: Die aktive Seite ist in der linken Navigation für Screenreader-Nutzer nicht wahrnehmbar. |
|
A.3 Leichte Sprache ist vorhanden |
nicht bestanden | Leichte Sprache ist nicht vorhanden. |
|
A.4 Gebärdensprache-Video ist vorhanden |
nicht bestanden | Gebärdensprache-Video ist nicht vorhanden. |
|
B.1 PAC3 Test ergibt PDF/UA-konform |
nicht bestanden | Das PDF-Dokument ist nicht PDF/UA-konform. |
| Kriterium | Status | Notizen |
|---|---|---|
|
2.4.2 Titel beschreiben Thema oder Zweck |
im Wesentlichen bestanden | Startseite: Im Titel fehlt die individuelle Seitenbezeichnung. |
| 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.5 Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen |
bestanden | |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
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.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.4 Linkzweck ist verständlich (im Kontext) |
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.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.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 | Erklärung zur Barrierefreiheit ist vorhanden. |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | Feedback-Mechanismus ist vorhanden. |