Prüfbericht BIK BITV-Test + WCAG 2.2 (Web): Digital Kompass gemäß BITV 2.0 / EN 301 549 + WCAG 2.2
Seite | konform | nicht konform | nicht anwendbar |
---|---|---|---|
Seite 1: Startseite | 40 Prüfschritte | 7 Prüfschritte | 57 Prüfschritte |
Seite 2: Aktuelles | 39 Prüfschritte | 6 Prüfschritte | 59 Prüfschritte |
Seite 3: Positive Bilanz | 37 Prüfschritte | 8 Prüfschritte | 59 Prüfschritte |
Seite 4: Staatssekretär Gerd Billen | 45 Prüfschritte | 8 Prüfschritte | 51 Prüfschritte |
Seite 5: Newsletter | 43 Prüfschritte | 6 Prüfschritte | 55 Prüfschritte |
Seite 6: Suche nach Materialien | 39 Prüfschritte | 6 Prüfschritte | 59 Prüfschritte |
Seite 7: Über uns | 38 Prüfschritte | 7 Prüfschritte | 59 Prüfschritte |
Projektdaten
- URL
- https://www.digital-kompass.de
- Prüfzeitraum
- 27.11.2024 - 23.12.2024
- Datum Prüfbericht
- 23.12.2024
- Prüfstelle
- Marc Haunschild
- Prüfer*in
- Marc Haunschild
- Art des Tests
- Zur Veröffentlichung geeignet
- Ergebnis
- 0 von 7 der ausgewählten Seiten einer unabhängigen, repräsentativen Seitenauswahl wurden als BIK BITV-Test + WCAG 2.2 (Web)-konform bewertet.
- 7 Seiten nicht konform
- Auftraggebende Organisation
- Projektleitung Digital-Kompass/ Deutschland sicher im Netz e.V.
- Umfang der Prüfung
- 7 Seiten sind eingehend zu prüfen.
- Standard
- BITV 2.0 (Mai 2019) / anzuwendender Standard EN 301 549 (PDF) / WCAG 2.2
- Prüfverfahren
- BIK BITV-Test (Web), gemäß EN 301 549 + WCAG 2.2
- Prüfumgebung
- Werkzeugliste BITV-Test (Web)
- Gültigkeit
- Das Prüfergebnis gilt nur für die geprüfte Seitenauswahl, nicht für den gesamten Webauftritt.
- Seitenauswahl
- Die Seitenauswahl wurde von der Prüfstelle durchgeführt und ist repräsentativ.
- Veröffentlichung
- Zur Veröffentlichung geeignet
Hinweis zur Konformitätsaussage
Grundlage für den BITV-Test (Web) ist die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) vom 21. Mai 2019 bzw. die in der BITV referenzierte EN 301 549 V3.2.1 (PDF). Die europäische Norm EN 301 549 enthält neben den WCAG 2.1-Kriterien für den Bereich Web weitere verpflichtende Anforderungen (siehe Annex A, Tabelle A.1 (PDF)). Diese werden seit 01.03.2021 im BITV-Test geprüft. Der BITV-Test + WCAG 2.2 (Web) prüft auch die sechs neuen Anforderungen der WCAG 2.2 (Konformitätsstufe AA), die aller Voraussicht nach in der nächsten Version der EN 301 549 enthalten sein werden. Hinsichtlich der Konformitätsaussage gilt zu beachten:
- Eine Webseite gilt als BITV- / EN 301 549-konform, wenn sie alle Anforderungen der BITV 2.0 / EN 301 549 für den Bereich Web erfüllt.
- Wird einer der Prüfschritte des BITV-/EN 301 549-Tests für eine Webseite als „nicht erfüllt“ oder als nur „teilweise erfüllt“ bewertet, so kann diese Seite nicht als BITV-konform gelten.
- Die Konformitätsaussage gilt nur für geprüfte Seiten. Es kann nicht ausgeschlossen werden, dass auf Seiten, die nicht Teil der Seitenauswahl sind, Mängel auftreten.
Hinweis zur Testauswertung
Die EN 301 549 formuliert für den Bereich Web 88 Anforderungen, die WCAG 2.2 formuliert sechs weitere Anforderungen auf Konformitätsstufe AA. Diese werden im BIK BITV-Test + WCAG 2.2 (Web) in 104 Prüfschritten geprüft. Die Anzahl der Prüfschritte weicht von der Anzahl der Anforderungen ab, da einzelnen Anforderungen mehrere Prüfschritten zugeordnet sind.
- Ist die Prüfung einer Anforderung auf mehrere Prüfschritte aufgeteilt, so werden bei der Auswertung die Ergebnisse einzelner Prüfschritte zusammengefasst.
- Wenn einer der Prüfschritte einer Anforderung „nicht erfüllt“ ist, ist auch die Anforderung „nicht erfüllt“, selbst wenn andere Prüfschritte dieser Anforderung erfüllt sind.
-
Seite 2 — AktuellesAktuelles | Digital-KompassListenansicht mit Paginierung - getestet wird Seite 2
-
Seite 3 — Positive BilanzPositive Bilanz vom „Onlinerland Saar – virtuell" | Digital-KompassBeitrags-Detailsiete mit Bild, Liste, Fettungen und PDF-Download-Box
-
Seite 4 — Staatssekretär Gerd BillenStaatssekretär Gerd Billen begrüßt den Start des Digital-Kompass | Digital-Kompass2. Beitragsbeispiel mit Zitat sowie einem Video mit vorgeschalteter Consent-Aufforderung
-
Seite 5 — NewsletterNewsletter abonnieren | Digital-KompassFormular
-
Seite 6 — Suche nach MaterialienMaterialien Suchen | Digital-KompassSuchbgeriff: „Barriere“ erweiterte Suche mit Filter
-
Seite 7 — Über unsÜber uns | Digital-KompassAbweichendes Layout (vorangestellte Bilder)
Ergebnisse im Überblick
Ergebnisse nach Prüfschritten
-
Prüfschritte
-
- 7 Seiten nicht konform
-
Readspeaker soll Menschen mit Behinderung bei der Nutzung der Website unterstützen, weist aber selber mehrere Mängel auf:
- Icons und die Fokushervorhebung zu blass (Prüfschritte 9.2.4.7 Aktuelle Position des Fokus deutlich und 9.2.4.7 Aktuelle Position des Fokus deutlich)
- Icons zu klein für motorisch eingeschränkte Personen. Das Icon, das beim Markieren von Text erscheint, verschwindet zudem nach kurzer Zeit wieder. Das gilt besonders für die Schieberegler, zum Ändern der Abspielposition und zum Einstellen der Lautstärke (Prüfschritt 9.2.5.8 Zielgröße (Minimum)).
Weitere Probleme sind an den jeweiligen Prüfschritten vermerkt (z.B. Textabstände anpassbar, benutzerdefinierte Einstellungen, ohne Maus bedienbar...).
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Hinweis ohne Abwertung
Die Text-Alternative für die Gebäudeansicht reicht, um den Prüfschritt zu bestehen, aber ich hätte nach dem Lesen keine Vorstellung von dem visuellen Eindruck des Bildes. Bepflanzung, Gebäudeform, Farben werden nicht erwähnt. Für Blinde ergibt sich hier kaum ein Mehrwert. Ideal wäre eine Alternative, mit der man beispielsweise sehende Passanten nach dem Weg fragen könnte.
-
-
-
Hinweis ohne Abwertung
Beschreibung des Bildes mit Staatssekretär Billen: diese enthält nichts von dem, was zu sehen ist (Porträt von ernst blickendem Mann ohne Haare in schwarzem Anzug, mit schwarzer Krawatte und weißem Hemd und einer großen, runden Brille).
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Die Texteinblendungen werden nicht vorgelesen. Für das Hauptthema des Videos ist das aber nicht entscheidend für das Verständnis.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Die Texteinblendungen werden nicht vorgelesen. Für das Hauptthema des Videos ist das aber nicht entscheidend für das Verständnis und die Inhalte werden im Video teilweise angesprochen.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
-
Überschrift erster Ordnung fehlt
Die Überschrift erster Ordnung ist ein wichtiger Einstiegspunkt in die Erkundung der Website. Blinde suchen oft gezielt danach und werden hier beim Digital-Kompass dabei fast immer fündig - dass die beiden hier bemängelten Seiten keine
h1
haben ist verwirrend.Empfehlung
Die Seite sollten je eine
h1
bekommen, z.B. "Aktuelle Nachrichten" und "Materialien durchsuchen" o.ä.
-
-
-
Zwischenüberschrift nicht ausgezeichnet
Die Zwischenüberschrift "Virtuelle Kränzchen gegen Einsamkeit und Internetfrust" ist als "wichtig" (HTML:
strong
) ausgezeichnet.Lösung
Hier sollte eine Überschrift zweiter Ordnung verwendet werden.
Hinweis ohne Abwertung
Blinde wie Sehende lesen nur selten längere Texte komplett durch. Sehende können die Seite scannen, indem sie sich hier an den fett hervorgehobenen Texten visuell orientieren. Bei diesem Prüfschritt wird nur geprüft, ob visuell erkennbare Überschriften auch als Überschriften ausgezeichnet sind, daher führt das nicht zu einer Abwertung. Aber es wäre natürlich für Blinde eine sehr große Hilfe, wenn statt fetter Hervorhebungen Zwischenüberschriften als Orientierungspunkte angeboten würden.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Überschrift erster Ordnung fehlt
Die Überschrift erster Ordnung ist ein wichtiger Einstiegspunkt in die Erkundung der Website. Blinde suchen oft gezielt danach und werden hier beim Digital-Kompass dabei fast immer fündig - dass die beiden hier bemängelten Seiten keine
h1
haben ist verwirrend.Empfehlung
Die Seite sollten je eine
h1
bekommen, z.B. "Aktuelle Nachrichten" und "Materialien durchsuchen" o.ä.
-
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 2 Seiten konform
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
-
Nach dem Button "Anmeldung Newsletter" wird systematisch ein leerer Absatz als Abstandshalter verwendet. Screenreader lesen je nach Einstellung dann "leer" vor.
Lösung
Es wäre gut, den Abstand mittels CSS statt eines leeren Absatzes zu realisieren.
-
-
-
Nach dem Button "Anmeldung Newsletter" wird systematisch ein leerer Absatz als Abstandshalter verwendet. Screenreader lesen je nach Einstellung dann "leer" vor.
Lösung
Es wäre gut, den Abstand mittels CSS statt eines leeren Absatzes zu realisieren.
-
-
-
Nach dem Button "Anmeldung Newsletter" wird systematisch ein leerer Absatz als Abstandshalter verwendet. Screenreader lesen je nach Einstellung dann "leer" vor.
Lösung
Es wäre gut, den Abstand mittels CSS statt eines leeren Absatzes zu realisieren.
-
-
-
Nach dem Button "Anmeldung Newsletter" wird systematisch ein leerer Absatz als Abstandshalter verwendet. Screenreader lesen je nach Einstellung dann "leer" vor.
Lösung
Es wäre gut, den Abstand mittels CSS statt eines leeren Absatzes zu realisieren.
-
-
Keine Anmerkungen vorhanden
-
-
Nach dem Button "Anmeldung Newsletter" wird systematisch ein leerer Absatz als Abstandshalter verwendet. Screenreader lesen je nach Einstellung dann "leer" vor.
Lösung
Es wäre gut, den Abstand mittels CSS statt eines leeren Absatzes zu realisieren.
-
-
-
Nach dem Button "Anmeldung Newsletter" wird systematisch ein leerer Absatz als Abstandshalter verwendet. Screenreader lesen je nach Einstellung dann "leer" vor.
Lösung
Es wäre gut, den Abstand mittels CSS statt eines leeren Absatzes zu realisieren.
-
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
- 1 Seite nicht konform
-
-
Cookie-Banner am Seitenende
Der Kasten mit den Zustimmungsoptionen zu Cookies befindet sich am Ende der Seite und ist so mit der Tastatur schlecht erreichbar.
Hinweis ohne Abwertung
Er verdeckt außerdem sämtliche fokussierten Elemente, was spätrstens mit der nächsetn Version der harmonisierten europäischen Norm EN 301 549 nicht mehr zulässig sein dürfte (Prüfschritt 9.2.4.11 Fokus nicht verdeckt (Minimum)).
-
-
-
Bilder stehen nicht unter den thematisch passenden Überschriften
Die Artikel dieser Seite sind alle wie folgt aufgebaut:
Überschrift, Text, Link zur Website, Bild.
Das Bild gehört thematisch aber bereits zur nächsten Überschrift. Optisch steht das Bild in derselben Zeile wie Überschrift, Text und Weblink, zumindest in der Desktop-Ansicht. In der mobilen Ansicht ist diese Zuordnung bereits uneindeutig. Für Blinde ergibt sich daraus das Problem, dass zu den jeweiligen Überschriften nicht die passenden Logos zugeordnet sind.
Lösung
- Empfehlung: Die Bilder sollten im Quelltext hinter die thematisch passende Überschrift gesetzt werden
- Alternativ können HTML-Struktur-Elemente für die Artikel genutzt werden, um einen programmatisch ermittelbaren Kontext zu erzeugen. Dies kann beispielsweise mit sectioning content wie
article
odersection
umgesetzt werden. Aber auch eine Liste mit Listeneinträgen käme in Betracht.
1 Anhänge
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Hinweis ohne Abwertung
Eingabefelder, die sich auf den Nutzer selbst beziehen, sollten eine semantisch eindeutige, sprachunabhängige Bestimmung ihres Zweckes ermöglichen.
Hier fehlen die Angaben für die Felder Anrede, Vorname, Nachname und E-Mail-Adresse.
Da es theoretisch möglich ist, Newsletter auch für andere Menschen zu bestellen, wird das hier nicht abgewertet, zumal im Kontakt-Formular die Auszeichnung korrekt durchgeführt wurde.
Empfehlung Geeignet dafür ist zur Zeit das HTML
autocomplete
-Attribut, mit dem sich der Eingabezweck für Felder wie etwa Name, E-Mail oder Telefonnummer ebenso wie für Adress-Daten oder Kreditkarten-Daten definieren lässt.Eine Liste der möglichen Werte finden sich bei Mozilla Developer Network (MDN) oder natürlich in der HTML-Spezifikation.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten nicht konform
-
-
Der Aktuelle Eintrag im Menü wird durch eine dunkle Hinterlegung angezeigt. Der Kontrast von 1,3:1 ist zu blass, um von allen Menschen wahrgenommen werden zu können.
Lösung
Der Kontrast könnte auf mindestens 3:1 erhöht werden oder der aktuelle Menüeintrag wird durch eine andere Methode (zusätzlich) herhorgehoben. Das kann eine Unterstreichung sein (wie in der Desktop-Ansicht), ein vorangestelltes Symbol, Rahmen usw
1 Anhänge
-
-
-
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
-
In den Cookie-Einstellungen und -erklärungen gibt es einige wenige Texte, die nicht ausreichend Kontrast aufweisen.
Lösung
Die Farbe durch eine dunklere Farbe oder schwarz ersetzen.
2 Anhänge
-
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
-
Das Datum der Meldung wird an manchen Stellen abgeschnitten. Es ist aber nur die letzte Ziffer und das Jahr ergibt sich ja durch die Reihe der anderen Meldungen.
Empfehlung
Das Problem tritt immer auf, wenn das Wort "Unterstützungsangebote" in der Dachzeile verwendet wird. Es lässt sich redaktionell durch die Verwendung von Soft-hyphen vermeiden oder durch das Einfügen eines Bindestriches. Davon profitieren auch Menschen mit geringer Literalisierung. Beispiel: Unterstützungs-Angebote
1 Anhänge
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht konform
-
-
Das eigentlich schwarze "X" auf dem Button zum Schließen der Navigation wird teiltransparent dargestellt. Hier ist der Kontrast 2.2:1 zu gering.
Da die Navigation auch mit einem Klick in die Fläche neben der Navigation geschlossen werden kann, führt dies jedoch zu keiner Abwertung.
Empfehlung
Transparenz so anpassen, dass ein Kontrast von mindestens 3:1 erreicht wird.
1 Anhänge
-
Icons im Readspeaker haben zu geringe Kontraste. Da Vorlesefunktion häufig von Menschen genutzt werden, die schlecht sehen können, ist das hier besonders problematisch.
Lösung
Die Icons sollten sich gut sichtbar von der Umgebung unterscheiden
1 Anhänge
-
-
-
-
- 7 Seiten konform
-
-
In der Hauptnavigation können Inhalte abgeschnitten werden. Leider auch wenn eigentlich "unendlich" viel Platz im Viewport bereit steht. Der wird einfach nicht genutzt.
Empfehlung
Das Problem ist hier minimal. Ihm liegt ein Fehler im Designkonzept zugrunde (responsives Design abhängig vom Viewport statt abhängig vom benötigten Platz für die Inhalte). Man kann hier mit relativ wenig einfachen Mitteln gegensteuern (Breakpoints anpassen, Maximalbreite der Site erhöhen), aber der anschließende Testaufwand wäre u.U. erheblich. Am einfachste scheint noch dafür zu sorgen, dass die Suche - für die ohnehin oft nur sehr wenig Platz bereitgestellt wird, eher in eine eigene Zeile rutscht. Dass diese sich über die Navigation legen kann ist eigentlich nicht wünschenswert. Wenn die Navigation umbricht, wird ihr eigentlich verfügbarer Platz nicht zugeteilt. Insgdesamt keine Abwertung, aber die Empfehlung hier ggfs. noch mal nachzubessern.
2 Anhänge
-
Das Layout des Readspeakers fällt bei Verwendung eigener Textabstände "auseinander", ist aber noch benutzbar. Allerdings verschwindet sein Name hinter anderen Seitenbereichen, in der mobilen Ansicht überlagert er das Hamburger-Icon zum Öffnen der Hauptnavigation
Lösung
Das Problem kann vermutlich nur vom Hersteller behoben werden. Es ist zwar wahrscheinlich, dass man das auch selber reparieren kann, aber u.U. gehen diese Änderungen beim nächsten Update verloren.
1 Anhänge
-
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Das Formular wird nach einer Weile ausgeblendet (weniger als 20 Stunden). Eine Möglichkeit dies zu verhindern oder zu verlängern, wurde beim Prüfen nicht gefunden
Lösung: Mechanismus bereitstellen der Nutzenden die Möglichkeit gibt, ausreichend Zeit für das Ausfüllen zu erhalten.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Hinweis ohne Abwertung
Man soll das Lesen der Datenschutzerklärung bestätigern bevor man den Link zur Datenschutzerklärung erreicht hat. Andersrum wäre es besser.
1 Anhänge
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Startseite, Aktuelles und Suche nach Materialien
Bei Links die Bilder beinhalten, wird stets der Alternativ-Text der Bilder vorgelesen, was zu sehr langen Link-Texten führt. Außerdem steht der interessantere Teil der Linkbezeichnung am Ende (außer auf der Seite "Aktuelles").
Lösung
Es wäre gut, wenn im Link nur der Name der verlinkten Materialie ausgegeben würde.
-
-
-
Hinweis
Es gibt keinen Link zur Homepage des DBSV - wurde dieser vergessen?
-
-
- 6 Seiten konform
- 1 Seite nicht konform
-
-
In der Readspeaker-Komponente lautet die Beschriftung vom Fortschrittsbalken "Suchleiste". Einige Begriffe wie "Play", "Stop" oder "Volume" wurden nicht übersetzt.
Lösung
Diese Begriffe sollten durch allgemeinverständliche und deutsche Alternativen ersetzt werden.
Siehe auch 9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet
-
Responsive Navigation
Schließen-Schalter des Menüs (x) mit "close" und "toggle navigation" sind keine guten Beschriftungen.
Siehe auch 9.2.5.3 Sichtbare Beschriftung Teil des zugänglichen Namens und 9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet).
Lösung
Die Beschriftungen sollten korrekt in die deutsche Sprache übersetzt werden.
-
-
-
Wenn man die Zustimmung zu Cookies verweigert hat, sieht man an der Stelle des Videos Buttons, die einem erlauben, diese Entscheidung zu ändern. Die Button zum Freischalten der Videos sind englisch beschriftet. Das macht in einem deutschsprachigen Angebot wenig Sinn.
Lösung
Die Button und der Hilfstext sollten ins Deutsche übersetzt werden. Siehe auch 9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet
1 Anhänge
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 7 Seiten nicht konform
-
-
Alle Seiten beginnen mit einem Link "Direkt zum Inhalt", was gut ist. Allerdings ist dieser Link nicht sichtbar - auch nicht bei Fokussierung und deher nutzlos für Sehende, die ohne Maus navigieren.
Lösung
Link bei Fokuserhalt per CSS einblenden oder dauerhaft anzeigen (empfohlen).
-
Fokushervorhebung im Readspeaker teilweise zu blass.
Lösung
Der Fokus-Indikator muss so gestaltet werden, dass er sich deutlich von der Umgebung absetzt. Alternativ kann auch die Standard-Darstellung des Browsers beibehalten werden.
1 Anhänge
-
-
-
-
Der Button zum Akzeptieren der minimalen Cookies hat keine Fokus-Hervorhebung
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Der Button "Only accept video bereitgestellt von youtube, vimeo cookies" hat keine Fokushervorhebung.
Lösung
Der Button sollte einen Rahmen bekommen oder auf andere Weise per CSS eine Fokushervorhebung erhalten.
1 Anhänge
-
Die Felder "Material-Art" und "Medium" in der Filtermaske haben einen durchsichtig-blauen Rahmen bei der Fokussierung. Der höchste gemessene Kontrast zur Umgebung (weiße Fläche des Dropdowns) beträgt nur 2.2:1
Lösung
Der Kontrast sollte so erhöht werden, dass er mindestens 3:1 beträgt.
Empfehlung
Es werden recht viele unterschiedliche Arten der Hervorhebung genutzt (allein im Newsletter-Bestellformular finden sich hellblaue, dunkelblaue und unterschiedliche schwarze Rahmen).
Es wäre vielleicht gut, die Darstellung zu vereinheitlichen.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- 7 Seiten konform
-
-
Es gibt zwei unterschiedliche Fenster zur Cookie-Zustimmung: ein initiales, das beim ersten Aufruf der Website gezeigt wird und ein zweites, das erscheint, wenn man im Fußbereich auf den Link "Cookies" klickt.
Das initiale Cookie-Banner verdeckt sämtliche Links im dunkelblauen Fußbereich, auch wenn diese den Fokus erhalten.
Da eine Nutzung der Website ohne Zustimmung oder Ablehnung von Cookies nicht vorgesehen ist, führt dies hier zu keiner Abwertung.
-
-
-
Prüfschritte
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten konform
- 2 Seiten nicht konform
-
-
Responsive Navigation
aria-label="Toggle navigation"
überschreibt sichtbare Beschriftung "Menü", die damit nicht im zugänglichen Namen vorkommt.Lösung
Der Wert des
aria-label
-Attributes sollte in "Menü" geändert werden.Siehe auch 9.2.4.6 Aussagekräftige Überschriften und Beschriftungen und 9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet).
-
-
-
Der mit "tweet" beschriftete Link zu Twitter hat als zugänglichen Namen "Bei Twitter teilen". Die sichtbare Beschriftung kommt hierdrin nicht vor.
Lösung
Der Button sollte geändert werden, wenn man das Soziale Netzwerk weiter unterstützen möchte, das mal Twitter war, also Logo und Beschriftung dem neuen Namen anpassen.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Der mit "tweet" beschriftete Link zu Twitter hat als zugänglichen Namen "Bei Twitter teilen". Die sichtbare Beschriftung kommt hierdrin nicht vor.
Lösung
Der Button sollte geändert werden, wenn man das Soziale Netzwerk weiter unterstützen möchte, das mal Twitter war, also Logo und Beschriftung dem neuen Namen anpassen.
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht konform
-
-
Im Readspeaker sind mehrere Bedienelemente zu klein und zu nah zueinander: Das ist die Reihe Lautstärke / Einstellungen / Download und der Schieberegler der "Suchleiste" ist in der Startposition zu nah an "Stopp".
Lösung
Dieses Problem lässt sich vermutlich nur vom Hersteller selber beseitigen.
2 Anhänge
-
-
-
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
-
Die Readspeaker-Komponente enthält fremdsprachige Begriffe, wie den Namen des Produktes selber oder Wörter, die offenbar vergessen wurden ins Deutsche zu übersetzen. Während das bei "Play" und vor allem bei "Stop" unproblematisch sein sollte, dürfte "Volume" vielen Menschen nichts sagen. Aufgrund von diversen Ausnahmeregelungen führt dies nicht nicht zu einer Abwertung (klingt ähnlich wie im Deutschen, Eigennamen, einzelnes Wort), ist für Nutzer und Nutzerinnen aber natürlich nicht schön.
Empfehlung
Alle Begriffe vollständig und sinnvoll übersetzen (siehe auch 9.2.4.6 Aussagekräftige Überschriften und Beschriftungen).
-
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Man erhält bei leeren Feldern recht einfache Hinweise, die vom Browser selber generiert werden. Dies sollte angesichts des simplen Formulars kein Problem sein.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
- 1 Seite nicht konform
-
-
Die Beschriftungen des Readspeakers (Eigenname, Text "Hören") ignorieren benutzerdefinierte Einstellungen.
Lösung
Die Schriftgröße sollte nicht in Pixeln angegeben werden. Das sollte möglichst der Hersteller umsetzen.
-
Hinweis ohne Abwertung
Bei großen selbst gewählten Schriftarten kann der Button zum Annehmen aller Cookies außerhalb des Viewports landen, ist aber per Scrollen erreichbar.
Lösung
Per CSS mehr auf unterschiedliche Auflösungen und Schriftgrößen achten, konsequent Angaben in
(r)em
oderex
machen.
-
-
-
Auf der Startseite gibt es zwei Elemente, die mit eigenen Schriftgrößen nicht klar kommen. Dies betrifft die Termine und Zitate.
Lösung
Die Layout-Probleme auf der Startseite lassen sich durch einfache CSS-Anpassungen in den Griff bekommen. Insbesondere sollten für Dimensionen schriftabhängige Einheiten wie
em
oderex
verwendet werden. Für ein geeignetes Umbrechen sorgen übliche Methoden und Techniken des responsive Webdesigns, z.B. CSS Grid, breakpoints mittels media-Direktive o.ä..2 Anhänge
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Prüfschritte
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten nicht konform
-
Aufgrund vorgenannter Mängel, die alle Seiten betreffen, ist auch die Erklärung zur Barrierefreiheit nicht barrierefrei nach EN 301 549 und WCAG 2.2.