Kurzzusammenfassung
- Auftraggeber
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Prüforganisation
- T-Systems Multimedia Solutions GmbH
- Stadt
- Dresden
- Prüfart
- Vereinfachte Überwachung
- Dauer
- 8 Stunden
Gutachten
Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Viele schwerwiegende Screenreader-Probleme bei Struktur, Navigation, Formularen und Sliderbedienung schränken die Nutzung trotz grundlegender Textalternativen stark ein.
Sehbehinderung
Mit Hindernissen nutzbar
Fehlende Responsivität, Kontrastprobleme, teils unlesbare Texte und Schwierigkeiten bei vergrößerter Darstellung mindern die Nutzbarkeit deutlich.
Hörbehinderung
Weitgehend zugänglich
Multimedia ist weitgehend mit Untertiteln und Alternativen versehen, es fehlt jedoch ein Gebärdensprach-Video.
Motorische Behinderung
Mit Hindernissen nutzbar
Grundlegende Tastaturbedienung ist möglich, aber Fokusführung, nicht erreichbare Vorschlagslisten und problematische Menüs erschweren die Nutzung.
Lernbehinderung
Mit Hindernissen nutzbar
Leichte Sprache ist vorhanden, dennoch führen komplexe Navigation, unklare Rückmeldungen und Formularprobleme zu deutlichen Hürden.
Neurodivergenz
Mit Hindernissen nutzbar
Automatische Kontextwechsel, schwer überschaubare Navigation und Fokusprobleme können Orientierung und Reizverarbeitung erschweren.
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
05.07.2023
Prüfung vor 2 Jahren
13.07.2022
Prüfung vor 3 Jahren
Empfehlung
Behebung der festgestellten Barrierefreiheitsprobleme entsprechend der WCAG-Level A und AA.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite: Die "<" und ">" Links des ersten Sliders besitzen einen nicht aussagekräftigen alt-Text. * Startseite: Im Slider mit den Logolinks stimmen die Alternativtexte der Grafiken häufig mit den Texten auf den Grafiken nicht überein. * Alle Seiten: Der alt-Text des Logos im Kopfbereich entspricht nicht genau dem Logotext. * Alle Seiten: Die Layout-Grafik (Banner) unterhalb der Hauptnavigation hat keinen leeren alt-Tag. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Startseite: In der Paginierung der Slider ist die aktuelle Position mit dem Screenreader nicht erkennbar. * Startseite: Die Funktion der Slider-Paginierung ist durch die fehlende Beschriftung nicht gut erkennbar. * Suchseite: Die Funktion der Paginierung der Suchergebnisse ist durch die fehlende Beschriftung nicht gut erkennbar. * Suchseite: Das Label "Sortieren nach" ist nicht mit dem Auswahlfeld verknüpft. * Formularseite: Die Fehlermeldungen sind nicht mit den dazugehörigen Formularfeldern verknüpft. * Formularseite: Das Label "Ich stimme zu: *" ist nicht mit der Checkbox verknüpft. * Formularseite, Inhaltsseite: Die Seiten besitzen zwei H1 Überschriften. * Inhaltsseite: Im Hauptmenü und Untermenü wird der aktive Menüpunkt vom Screenreader nicht als aktiv ausgegeben. * Alle Seiten: Wird bei der Eingabe eines Suchbegriffes eine Vorschlagsliste eingeblendet, dann gibt der Screenreader keinen Hinweis auf diese aus. * Alle Seiten: Die Seiten besitzen keine Strukturelemente wie z.B. <header>, <main>, <footer>, <nav> um den Inhalt der Seite zu unterteilen. * Alle Seiten: Im Menü sind viele Menüpunkte als Überschriften ausgezeichnet. * Alle Seiten: Das Sucheingabefeld besitzt keine eigene Beschriftung. * Alle Seiten: Die Links im Footer sind alle zusätzlich als H4 Überschriften Elemente angelegt. * Startseite: Die Slider-Paginierung ist im Hochkontrastmodus nicht mehr sichtbar. * Alle Seiten: Der Suche-Button ist im Hochkontrastmodus nicht sichtbar. * Alle Seiten (außer Startseite): Unterhalb des Headerbildes ist das Warenkorb-Icon im Hochkontrastmodus nicht sichtbar. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite: In den Slidern werden beim linearen Lesen (Lesemodus des Screenreaders) alle Slides ausgegeben (nicht nur die sichtbaren). * Suchseite: Im Abschnitt "Hinweis zur Suche" (Erläuterung zur Eingabe des Suchbegriffs) wird das Zeichen "?" vom Screenreader nicht ausgegeben. * Formularseite: Erläuterung zur Bedeutung des Sterns (*) befindet sich am Formularende. * Alle Seiten: In der Hauptnavigation wird nach jedem Menüpunkt die versteckte Überschrift "Unternavigationspunkte" und die Untermenüpunkte vom Screenreader ausgegeben. * Alle Seiten (außer Startseite): Unterhalb des Headerbildes werden zuerst die drei rechts angeordneten Icons und danach erst die Links der Breadcrumb-Navigation vom Screenreader ausgegeben. Das entspricht aber nicht der visuellen Anordnung der Inhalte. |
|
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.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Alle Seiten: Die Darstellung der Webseite ist nicht responsiv umgesetzt. Die Webseiteninhalte sind nur durch mehrdimensionales Scrollen vollständig wahrnehmbar. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Startseite: Die Paginierungspunkte (orange/grau) des Sliders haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Formularseite: Die Rahmen der Eingabefelder haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | * Alle Seiten: Die Menüpunktbezeichnung "Offene Vermögensfragen" wird nicht mehr vollständig in dem für den Menüpunkt vorgesehenen Farbcontainer angezeigt, wodurch die Bezeichnung nicht gut lesbar ist. * Startseite: Wenige Links in der rechten Spalte werden nicht mehr vollständig im sichtbaren Bereich angezeigt. * Suchseite, Inhaltsseite: Nach dem Anpassen der Textabstände werden Inhalte untereinander dargestellt (z.B. der Inhalt der linken Spalte befindet sich dann über dem eigentlichen Inhaltsbereich). |
|
1.4.13 Bei Fokussierung eingeblendete Inhalte sind steuerbar |
nicht bestanden | * Alle Seiten: Im Hauptmenü können die per Mouseover oder per Tab geöffneten Untermenüs mit der Esc-Taste nicht geschlossen werden. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Alle Seiten: Die Elemente der Vorschlagsliste des Sucheingabefeldes sind mit der Tastatur nicht erreichbar. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: Im ersten Slider erhalten mit der Tabulatortaste auch die Links von nicht geöffneten Sliderseiten den Fokus. * Startseite: Im zweiten Slider erhalten je Logo zwei Links mit dem gleichen Linkziel mit der Tabulatortaste den Fokus => zusätzliche Tabschritte. * Startseite: Nach dem Öffnen einer Sliderseite über die Paginierung wird der Fokus nicht auf das erste Element der Sliderseite gesetzt. * Suchseite: Der Fokus wird bspw. nach dem Filtern der Liste, nach dem Löschen des Filters, nach dem Ausführen einer erneuten Suche oder nach dem Öffnen der nächsten Suchergebnisseite an den Seitenanfang und nicht auf den ersten Suchergebniseintrag gesetzt. * Formularseite: Sendet ein Nutzer das Formular mit fehlerhaften Eingaben ab, dann wird der Fokus nach der Aktualisierung an den Seitenanfang und nicht auf den Bereich mit den Fehlermeldungen bzw. auf das erste fehlerhafte Formularfeld gesetzt. * Formularseite: Der Fokus wird nach dem Aktivieren des "Zurücksetzen"-Buttons nicht auf das erste Element des Formulars gesetzt. Der Fokus bleibt stattdessen auf dem auslösenden Element. * Alle Seiten: Die Untermenüs der Hauptnavigation werden automatisch geöffnet und müssen durchlaufen werden. * Alle Seiten (außer Startseite): Unterhalb des Headerbildes ist die Fokusreihenfolge nicht korrekt, da zuerst die drei rechts angeordneten Icons den Fokus erhalten und danach erst die Links der Breadcrumb-Navigation auf der linken Seite. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Suchseite: Bei mehreren Links der Suchergebnisse ist das Format der beim Download-Link verknüpften Dokumente an der Linkbeschriftung häufig nicht erkennbar. * Suchseite: In der Paginierung der Suchergebnisse haben die einzelnen Seitenlinks und die "Zurück-" und "Weiter"-Icons (<, >) keine aussagekräftige Beschriftung. * Inhaltsseite: Das Format des beim Download-Link ("hier") verknüpften Dokuments ist an der Linkbeschriftung nicht erkennbar. Zudem zeigt der Link auf eine 404 Seite. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Startseite: Der Fokus ist auf mehreren Elementen, wie den Slidern (Bereich ohne "Zurück-Weiter" Buttons) und den Paginierungspunkten der beiden Slider nicht sichtbar. |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
nicht bestanden | * Alle Seiten: Übernimmt ein Nutzer beim Sucheingabefeld einen Wert der Vorschlagsliste, dann wird die Suche automatisch gestartet und der Fokus wird an den Anfang der Seite gesetzt. Ein Nutzer wird im Vorfeld nicht über dieses Verhalten informiert. |
|
4.1.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | * Die Seiten enthalten Syntaxfehler. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Suchseite: Im Bereich "Suchergebnisse filtern" werden die einzelnen Checkboxen als Links ausgegeben. Diese Rolle stimmt mit der visuellen Darstellung nicht überein. Des Weiteren wird vom Screenreader der aktuelle Status einer Option nicht ausgegeben. * Suchseite: Bei den klappbaren Abschnitten (z.B. "THEMA") in der rechten Spalte, ist der aktuelle Status (geöffnet/geschlossen) nicht erkennbar. |
|
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. |
| Kriterium | Status | Notizen |
|---|---|---|
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
im Wesentlichen bestanden | * Startseite: Im Headerbild ist der Text "kompetent und verlässlich" durch den transparenten Hintergrund nicht gut lesbar. |
|
2.4.2 Titel beschreiben Thema oder Zweck |
im Wesentlichen bestanden | * Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
im Wesentlichen bestanden | * Formularseite: Die fehlerhaften Felder sind nicht farblich gekennzeichnet. |
| 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.4 Schriftgröße kann angepasst werden |
bestanden | |
|
1.4.5 Schriftgrafiken sind anpassbar oder unverzichtbar |
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.2.2 Automatisch gestartete Animationen sind steuerbar |
bestanden | |
|
2.3.1 Blitzen wird vermieden |
bestanden | |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
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.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 | |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden |