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
Viele zentrale WCAG-A-Probleme (fehlende Alternativtexte, unzureichende Semantik, keine Skip-Links, mangelhafte Fokusreihenfolge, Name/Rolle/Wert-Probleme) erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unbedienbar.
Sehbehinderung
Mit Hindernissen nutzbar
Niedrige Text- und Bedienelement-Kontraste, fehlende/unklare Rahmen im Hochkontrastmodus, horizontales Scrollen und teilweise verdeckter Text beeinträchtigen die Nutzung stark, bei gleichzeitig skalierbarer Schrift.
Hörbehinderung
Weitgehend zugänglich
Untertitel und Alternativen für Medien sind vorhanden, es fehlt aber ein Gebärdensprach-Video, was für einige gehörlose Nutzer wichtig ist.
Motorische Behinderung
Mit Hindernissen nutzbar
Grundsätzliche Tastaturbedienbarkeit ist gegeben, aber fehlende Skip-Links, schlecht sichtbarer Fokus und nicht erreichbare Teaser im Slider erschweren die Nutzung für reine Tastatur- oder Alternativ-Eingaben deutlich.
Lernbehinderung
Mit Hindernissen nutzbar
Inkonsistente Fokusführung, unklare Linktexte, automatische Suchauslösung und horizontales Scrollen erschweren Orientierung und Aufgabenbearbeitung, bei insgesamt konsistenter Navigation und vorhandener Leichter Sprache.
Neurodivergenz
Mit Hindernissen nutzbar
Fehlende Skip-Links, Slider-Probleme und Fokus-Ungenauigkeiten können ablenken und überfordern, gleichzeitig werden Blitzen vermieden, Animationen sind steuerbar und die Struktur ist überwiegend nachvollziehbar.
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.07.2024
Prüfung vor 1 Jahr
20.06.2023
Prüfung vor 2 Jahren
Empfehlung
Es wird empfohlen, die festgestellten Barrierefreiheitsprobleme mit dem WCAG-Level A und AA (insbesondere fehlende Alternativtexte, strukturierende Markups, Kontraste, Tastaturfokus, Fokusreihenfolge, Skip-Links sowie weitere Punkte) priorisiert zu beheben sowie die PDF/UA-Konformität des PAC3-Testdokuments sicherzustellen.
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Alle Seiten: Die beiden Logos im Header haben keinen den Logotexten entsprechenden alt-Text. * Alle Seiten: Bei den Logolinks im Footer, stimmen die Alternativtexte der Grafiken häufig mit den Texten auf den Grafiken nicht überein. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Startseite: Im Bereich "Der interaktive Bußgeldkatalog" ist die Formularfeldgruppe der Radiobutton (z.B. "innerorts") nicht mit <fieldset> und <legend>-Elementen ausgezeichnet. * Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet. * Formularseite: Die Fehlermeldungen sind nicht mit den dazugehörigen Formularfeldern verknüpft. * Inhaltsseite: Im Bereich "Begriffsdefinitionen" sind mehrere Elemente jeweils nur als Liste mit einem Eintrag ausgezeichnet. * Alle Seiten: Im Footer sind die Logos und Links nicht als Listen ausgezeichnet. * Alle Seiten: Der Screenreader gibt im Sucheingabefeld des "Suche"-Layers nach dem Einblenden der Vorschlagsliste keinen entsprechenden Hinweis auf die Liste und die Eintragsanzahl aus. * Alle Seiten: Die Vorschlagsliste des Sucheingabefeldes ist nicht als Liste ausgezeichnet. * Alle Seiten: Nicht alle Navigationen sind mit dem Strukturelement <nav> angelegt. * Alle Seiten: Die Seiten besitzen kein Strukturelement <main>. * Suchseite, Inhaltsseite: Die Seiten besitzen keine H1 Überschrift. * Startseite: Im Slider sind die Ladebalken in den drei Bild-Text Teasern im Hochkontrastmodus nicht mehr sichtbar. * Startseite: "Der interaktive Bußgeldkatalog" Auswahlliste keinen Rahmen und die +/- Icon nicht mehr sichtbar. * Startseite: Im Hochkontrastmodus besitzt die Auswahlliste "Der interaktive Bußgeldkatalog" keinen sichtbaren Rahmen der sie vom Hintergrund abhebt. * Startseite: Im Bereich "Der interaktive Bußgeldkatalog" werden die Beschriftungen der einzelnen Zahlen durch den Zahlenhintergrund teilweise überdeckt. * Suchseite: Der aktive Radiobutton der Filter ist im Hochkontrastmodus nicht sichtbar. * Suchseite: Die Icon der "Zurück"- und "Weiter"-Button in der Paginierung, sind im Hochkontrastmodus nicht sichtbar. * Formularseite: Der Haken der Checkbox, zur Bestätigung der Datenschutzbestimmungen, ist im Hochkontrastmodus nicht sichtbar. * Formularseite: Die Textbox "Ihre Nachricht" hat im Hochkontrastmodus keinen Rahmen der sie vom Hintergrund abhebt. * Inhaltsseite: Bei den Socialmedia-Button am rechten Rand, ist das zweite Icon im Hochkontrastmodus nicht sichtbar. * Alle Seiten: In der Hochkontrastansicht ist im Hauptmenü die Größe der Untermenüs durch die fehlenden Rahmen nicht gut erkennbar. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite: Beim automatisch laufenden Slider steht der Animation-STOP Button nicht am Anfang der Ausgabereihenfolge. * Startseite: Der gesamte Slider wird als "anklickbar" vom Screenreader ausgegeben. * Startseite: Am Ende der Seite wird der versteckte Text "Navigate to Bringen wir #mehrAchtung auf die Straße." vom Screenreader ausgegeben. * Alle Seiten: Die Inhalte der ausgeblendeten Untermenüs der Hauptnavigation, werden im linearen Lesemodus vom Screenreader ausgegeben. |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Formularseite: Die Label der Eingabefelder und die Fehlermeldungen haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. * Alle Seiten: Der Copyright-Text im Footer hat ein zu geringes Kontrastverhältnis zum Hintergrund. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Startseite: Die Inhalte im Slider müssen horizontal gescrollt werden. * Startseite: Im Bereich "Interaktion und Videos" werden einige Texte (z.B. "Bremswegrechner") teilweise außerhalb des sichtbaren Bereichs angezeigt. * Formularseite: Einige Texte müssen horizontal gescrollt werden um diese komplett erfassen zu können. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Startseite: Im Bußgeld Rechner hat der aktive Radio-Button ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Formularseite: Der Hintergrund des Eingabefeldes "Ihre Nachricht" hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. |
|
1.4.12 Textabstände sind anpassbar |
nicht bestanden | * Startseite: Im ersten Slide wird der Text durch die beiden ersten Link-Teaser teilweise verdeckt. |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Startseite: Die drei Bild-Text Teaser im Slider sind mit der Tastatur nicht erreichbar. * Alle Seiten: Die Elemente der Hauptnavigation sind auf Quellcodeebene als role="menubar" ausgezeichnet. Die hinterlegte Tastaturbedienung passt nicht zu diesem Elementtyp. Blinden Nutzern wird dadurch die Bedienung der Elemente erschwert. |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt. Tastaturnutzer ohne Screenreader können somit die Seitenbereiche nicht überspringen. |
|
2.4.2 Titel beschreiben Thema oder Zweck |
nicht bestanden | * Suchseite: Im Seitentitel ist der Name der Webseite nicht enthalten, wie z.B. "Suche". |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: Der Button zum Stoppen der Slider-Animation erhält nicht am Anfang des Sliders den Fokus. * Suchseite: In der Paginierung der Suchergebnisse erhält der aktive Paginierungspunkt den Fokus. * Suchseite: Nach dem Öffnen einer anderen Seite der Suchergebnisse wird der Fokus nicht auf den ersten Suchergebniseintrag der Seite gesetzt. * Formularseite: Nach dem Absenden eines fehlerhaften Formulars wird der Fokus nicht auf das erste fehlerhafte Formularfeld gesetzt. * Inhaltsseite: Nach dem Aktivieren einer der drei Sprunglinks (in der linken Spalte des Inhaltsbereichs) wird der Fokus nicht an die Position des Sprungziels gesetzt, sondern verbleibt auf dem auslösenden Link. * Alle Seiten: Nach dem ersten Hauptnavigationspunkt folgen mehrere nicht sichtbare Tabschritte. * Alle Seiten: Nach dem Aktivieren des "Nach oben"-Button, wird der Fokus nicht an den Anfang der Seite gesetzt, sondern verbleibt auf dem auslösenden Element. |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Startseite: Der Fokus ist auf dem Play-Button des Sliders nicht gut sichtbar. * Startseite: Im Bereich "Der interaktive Bußgeldkatalog" ist der Fokus auf der Auswahlliste nicht sichtbar. * Suchseite: Der Fokus ist auf den "Zurück"- und "Weiter"-Buttons der Paginierung nicht sichtbar. * Alle Seiten: Im Footer ist der Fokus auf den drei Socialmedia-Links nicht sichtbar. * Alle Seiten: Der Fokus ist auf dem Schließen-Button im Suche-Layer nicht sichtbar. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | * Suchseite: In der Paginierung werden die Buttons zum Öffnen der nächsten und vorherigen Seite und die einzelnen Seiten mit einer englischen Beschriftung ausgegeben. Der Sprachwechsel ist auf HTML-Ebene nicht ausgezeichnet. |
|
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.1 Syntaxspezifikationen sind erfüllt |
nicht bestanden | * Die Seiten enthalten Syntaxfehler. |
|
4.1.2 Name, Rolle und Wert sind identifizierbar |
nicht bestanden | * Startseite: Im Bereich "Der interaktive Bußgeldkatalog" wird die Auswahlliste als schreibgeschütztes Eingabefeld vom Screenreader ausgegeben. * Startseite: Im Bereich "Der interaktive Bußgeldkatalog" werden die +/- Icon nur als "Schalter" vom Screenreader ausgegeben. * Startseite: Der Play-Button im Slider wird vom Screenreader nur als "Schalter" ausgegeben. * Inhaltsseite: Die drei verlinkten Socialmedia-Icons am rechten Rand werden vom Screenreader jeweils nur als "Schalter" ausgegeben. * Alle Seiten: Der "Nach oben"-Button wird vom Screenreader nur als "Schalter" ausgegeben. * Alle Seiten: Die drei Socialmedia-Links im Footer werden ohne korrekte Bezeichner vom Screenreader ausgegeben. |
|
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 |
|---|---|---|
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
im Wesentlichen bestanden | * Startseite: Im Bereich "Aktuelles" ist die Bedeutung der Link-Texte z.B. "2 Minuten", "4 Minuten" nicht unmittelbar erkennbar. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
im Wesentlichen bestanden | * Suchseite: Die Links der Suchergebnisse werden jeweils mit dem gesamten Text des Eintrags ausgegeben. |
|
3.2.2 Eingabe führt nicht zu Kontextänderung |
im Wesentlichen bestanden | * Suchseite: Gibt ein Nutzer beim Sucheingabefeld einen Wert ein, dann wird die Suche automatisch gestartet. Ein Nutzer wird im Vorfeld nicht über dieses Verhalten informiert. Zudem ist der angezeigte "Suche starten"-Button dadurch obsolet. |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
im Wesentlichen bestanden | * Formularseite: Die jeweilige Fehlermeldung am Formularelement wird vom Screenreader (im Formularmodus) nicht ausgegeben. Ein Nutzer muss erst in den linearen Lesemodus wechseln. |
| 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.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
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.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.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.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 | * Ergebnis der formalen Prüfung: nicht bestanden |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden |