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.ktbl.de
Website
nicht konform
Prüfung vom 05.09.2023
ID: #699
Umwelt
öffentliche Einrichtung
Prüfbericht herunterladen (PDF)
Link kopiert!
Technische Umgebung
- OS: Windows 10 Enterprise
- Browser: Google Chrome 116.0.5845.141
- Screenreader: NVDA 2023.2
- 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
Zahlreiche zentrale A‑Erfolgskriterien für Screenreader-Nutzung (1.1.1, 1.3.1–1.3.2, 2.1.1, 2.4.x, 3.3.1, 4.1.1–4.1.2) sind nicht erfüllt, wodurch Orientierung, Formularnutzung und Navigation stark eingeschränkt sind.
Sehbehinderung
Mit Hindernissen nutzbar
Schwache Kontraste, unzureichende Fokus-Sichtbarkeit, Probleme bei Vergrößerung und im schmalen Viewport (1.4.3–1.4.4, 1.4.10–1.4.11, 2.4.7) erschweren die Nutzung deutlich, lassen sie aber mit Aufwand teilweise zu.
Hörbehinderung
Weitgehend zugänglich
Audiovisuelle Inhalte sind laut Bericht weitgehend mit Untertiteln und Alternativen ausgestattet (1.2.x bestanden), lediglich fehlende Gebärdensprache (A.4) schränkt vor allem Nutzer mit bevorzugter DGS ein.
Motorische Behinderung
Mit Hindernissen nutzbar
Grundlegende Tastaturbedienung ist zwar überwiegend möglich, aber fehlende Skiplinks, unsichtbarer Tastaturfokus und nicht-tastaturbedienbare CAPTCHAs (2.1.1, 2.4.1, 2.4.7) beeinträchtigen die praktische Nutzbarkeit stark.
Lernbehinderung
Mit Hindernissen nutzbar
Inkonsistente oder unklare Struktur, unruhige nicht pausierbare Animationen und wenig hilfreiche Fehlermeldungen (1.3.1–1.3.2, 2.2.2, 3.3.1) erschweren Orientierung und Formularnutzung, bei insgesamt konsistenter Navigation (3.2.3–3.2.4).
Neurodivergenz
Mit Hindernissen nutzbar
Nicht pausierbare Slider/Kachel-Animationen, Fokusprobleme und geringe Strukturierung (1.3.1–1.3.2, 2.2.2, 2.4.3, 2.4.7) können Konzentration und Reizabschirmung deutlich beeinträchtigen, auch wenn keine Zeitdruck- oder Blitzeffekte bestehen.
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 öffnenGutachten-Historie
05.09.2023
Prüfung vor 2 Jahren
aktuellstes
angezeigtes
www.ktbl.de
25.07.2022
Prüfung vor 3 Jahren
KTBL
-
https://www.ktbl.de/
-
https://www.ktbl.de/suchergebnisse?tx_solr%5Bq%5D=strom ⓘ Weitere Gutachten vorhanden
-
https://www.ktbl.de/service/newsletter ⓘ Weitere Gutachten vorhanden
-
https://www.ktbl.de/webanwendungen ⓘ Weitere Gutachten vorhanden
-
https://www.ktbl.de/fileadmin/user_upload/Allgemeines/Download/Tagungen_2023/ARR/ARR_2023.pdf
Empfehlung & Status
Empfehlung
Beheben der festgestellten Barrierefreiheitsprobleme mit hoher Priorität für WCAG-Level A sowie AA.
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
1.1.1 Nicht-Text-Inhalte besitzen Alternativtexte |
nicht bestanden | * Startseite, Inhaltsseite: Die verlinkten Grafiken in den Kacheln unter "Neuerscheinungen" haben kein leeres alt-Attribut. Der Screenreader gibt die URL aus. * Startseite, Inhaltsseite: Die Trennlinie zwischen den Inhalten wird vom Screenreader ausgegeben. * Formularseite: Die Bedienelemente (Captchas) haben keinen aussagekräftigen Alternativtext. * Alle Seiten: Für das Logo im Header und Footer fehlt der Zusatz, dass es sich um ein Logo handelt. Im Header wird die Abkürzung "KTBL" im Alternativtext nicht ausgeschrieben, im Footer für das Logo schon. * Alle Seiten: Der Suche-Button und der Button zum Schließen der Suche haben keine Beschriftung. * Alle Seiten: Der nach-oben-Link wird ohne Beschriftung ausgegeben. * Alle Seiten: Im Footer werden für die Icons "Telefon" und "E-Mail" keine Alternativtexte ausgegeben. |
|
1.3.1 Informationen, Struktur und Beziehungen sind identifizierbar |
nicht bestanden | * Startseite: Die Seite hat neun <h1>-Überschriften. * Suchseite, Formularseite: Die Überschrift der Ebene 2 wird übersprungen. Nach einer <h1>- folgt eine <h3>-Überschrift. * Suchseite: Die Beschriftung und die Checkbox bei der Filterung auf der linken Seite sind nicht korrekt verknüpft. * Suchseite: Die Suchergebnisse sind nicht als Liste strukturiert. * Formularseite: Für die Gestaltung des Formulars wird eine Datentabelle verwendet. * Formularseite: Im Hochkontrastmodus sind die Grafiken (CAPTCHA) nicht erkennbar. * Startseite, Inhaltsseite: Im Hochkontrastmodus ist der aktive Menüeintrag nicht erkennbar. * Inhaltsseite: Die Links im Inhaltsbereich sind nicht als Liste strukturiert. * Alle Seiten: Die Links im Footer sind nicht als Listenelemente ausgezeichnet. * Alle Seiten: Die Seiten enthalten programmatisch, außer der Seitenregion Header und Footer, keine weiteren Regionen wie z. B. Navigationsbereich oder Hauptinhaltsbereich. * Alle Seiten: Die drei Überschriften im Footer sind nicht als Überschriften der Ebene 2 ausgezeichnet. * Alle Seiten: Der Zweck der Zahl nach dem Warenkorb ist für Screenreadernutzer nicht erkennbar. |
|
1.3.2 Sinnvolle Lesereihenfolge ist gegeben |
nicht bestanden | * Startseite: Beim linearen Lesen mit dem Screenreader wird beim animierten Slider nur der sichtbare Sliderinhalt ausgegeben, wodurch eine sinnvolle Reihenfolge nicht gegeben ist. |
|
1.3.5 Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar |
nicht bestanden | * Formularseite: Die Formularfelder beim Newsletter für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet. |
|
1.4.1 Farbe ist nicht einziger Informationsträger |
nicht bestanden | * Alle Seiten: Der Link "Shop" im Menü wird immer als aktiv wahrgenommen (roter Text). Der Kontrast vom aktiven zum nicht aktiven Link im Menü ist zu gering (2,2:1). |
|
1.4.3 Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) |
nicht bestanden | * Formularseite: Der Kontrast des Buttons "Abschicken" (weißer Text zu blauem Hintergrund) ist zu gering (2,2:1). |
|
1.4.4 Schriftgröße kann angepasst werden |
nicht bestanden | * Formularseite: Bei einer Vergrößerung auf 200 % sind in den Kacheln unter "Newsletter-Archiv" die Überschriften nicht vollständig sichtbar. |
|
1.4.10 Inhalte brechen in einspaltiges Layout um |
nicht bestanden | * Formularseite: Bei einer kleinen Bildschirmbreite von 320 px werden die Kacheln unter "Newsletter-Archiv" sehr schmal dargestellt und die Überschriften sind nicht vollständig sichtbar. * Alle Seiten: Bei einer kleinen Bildschirmbreite von 320 px überlagern im Header zwei Icons das Logo. |
|
1.4.11 Kontrastabstand von Nicht-Text-Inhalten ist ausreichend |
nicht bestanden | * Startseite, Inhaltsseite: Der Kontrast der Navigationselementen in den Slidern ist zu gering (1,1:0 bzw. 1,3:1). * Formularseite: Der Kontrast der Rahmen der Eingabefelder ist zu gering (1,2:1 bzw. 1,4:1). Der Kontrast des Auswahlrahmens bei den CAPTCHA-Grafiken ist zu gering (1,6:1). * Alle Seiten: Der Kontrast des Icons auf dem Button "Cookie-Einstellungen" ist zu gering (2,5:1). |
|
2.1.1 Tastaturbedienbarkeit ist gegeben |
nicht bestanden | * Formularseite: Die grafischen Bedienelemente (CAPTCHA) vor dem Button "Abschicken" sind mit der Tastatur nicht erreichbar und bedienbar. |
|
2.2.2 Automatisch gestartete Animationen sind steuerbar |
nicht bestanden | * Startseite: Die Animation für den Slider lässt sich nicht anhalten (pausieren). * Startseite, Inhaltsseite: Die Animation für die Kacheln unter "Neuerscheinungen" lässt sich nicht anhalten (pausieren). |
|
2.4.1 Wiederkehrende Bereiche können übersprungen werden |
nicht bestanden | * Alle Seiten: Am Anfang der Seite werden keine Skiplinks zur Verfügung gestellt. |
|
2.4.3 Fokusreihenfolge ist aufgabenangemessen |
nicht bestanden | * Startseite: Die Steuerelemente der Slider erhalten erst am Ende des Sliders den Fokus. * Startseite, Inhaltsseite: Unter "Neuerscheinungen" bekommt die Grafik und die nachfolgende Überschrift mit dem gleichen Linkziel den Fokus. * Suchseite: Die Checkboxen und Links unter der Filterung werden zwei Mal fokussiert. Das zweite Mal wird jeweils keine Beschriftung ausgegeben. Zusätzlich zum Kontrollfeld werden die Checkboxen als Links ausgegeben. * Suchseite: In der Pagination werden zwei Links mit dem gleichen Linkziel fokussiert, bspw. "2" und ">>". * Suchseite: In den Suchergebnissen bekommen zwei Links (Überschrift und URL) den Fokus, die das gleiche Linkziel haben. |
|
2.4.4 Linkzweck ist verständlich (im Kontext) |
nicht bestanden | * Startseite: Einige Links sind nicht aussagekräftig, weil die Url der Links ausgegeben werden, bspw. "csm_EmiMod_ce80e127de". * Suchseite: Für den ">>"-Link in der Pagination wird vom Screenreader kein Linktext ausgegeben. * Suchseite: Die Links (Registerkarte) "k" unter "Autor" sind nicht aussagekräftig. * Formularseite: Der Linkzweck für die Kacheln unter "Newsletter-Archiv" ist nicht aussagekräftig bzw. zu lang, weil der gesamte Text der Kachel als Linktext vom Screenreader ausgegeben wird. * Alle Seiten: Es gibt zwei Links (Logo im Header und Home) mit dem gleichen Linkziel, die aber unterschiedlich beschriftet sind. * Alle Seiten: Links (YouTube, Facebook, Twitter und nach oben) besitzen keine Beschriftungen. * Alle Seiten: Der nach-oben-Link hat keine Beschriftung. |
|
2.4.6 Überschriften und Label beschreiben Thema oder Zweck |
nicht bestanden | |
|
2.4.7 Tastaturfokus ist sichtbar |
nicht bestanden | * Alle Seiten: Der Fokus ist auf allen interaktiven Elementen nicht sichtbar, außer auf den roten Buttons. Jedoch ist der Fokus auf den roten Buttons schlecht sichtbar. |
|
3.1.2 Abweichende Sprache einzelner Abschnitte ist ausgezeichnet |
nicht bestanden | * Startseite: Die Schalter für die Slideranimation werden in englischer Sprache ausgegeben "next" und "previous". |
|
3.3.1 Fehlermeldungen sind in Textform vorhanden |
nicht bestanden | * Formularseite: Bei einer fehlerhaften E-Mail wird die Fehlermeldung nach Absenden des Formulars für einige Sekunden am fehlerhaften Formularfeld angezeigt und wieder ausgeblendet. Das fehlerhafte Feld wird visuell und programmatisch (aria-invalid) nicht hervorgehoben. Wird nur das CAPTCHA nicht korrekt ausgewählt und das Formular abgeschickt, wird die Meldung "Leider ist ein Fehler aufgetreten. Bitte überprüfen Sie Ihre Daten." oberhalb des Formulars vom Screenreader nicht 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 | * Startseite: Die Anzahl der Sliderelemente und welches Sliderelement aktuell sichtbar ist, wird für Screenreader-Nutzer nicht ausgegeben. * Startseite, Inhaltsseite: Der aktive Menüpunkt ist für blinde Nutzer nicht als "aktiv" wahrnehmbar. * Suchseite: Beim Einblenden der Vorschlagsliste beim Sucheingabefeld gibt der Screenreader keinen Hinweis auf die eingeblendete Liste. * Alle Seiten: Die Elemente unter der Suchvorschlagsliste werden vom Screenreader nicht als Links ausgegeben. Bekommen die Elemente in der Vorschlagsliste unter Top Treffer mit den Pfeiltasten den Fokus (Suche nach "Strom"), werden diese vom Screenreader alle als "Strom" 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. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
|
2.4.2 Titel beschreiben Thema oder Zweck |
im Wesentlichen bestanden | * Startseite: Der erste und zweite Teil des Titels sind identisch. |
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.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.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.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: nicht bestanden |
|
A.2 Feedback-Mechanismus ist vorhanden |
bestanden | |
|
A.3 Leichte Sprache ist vorhanden |
bestanden |