Prüfbericht BIK BITV-Test (Web): Gemeinde Alfter gemäß BITV 2.0 / EN 301 549
Seite | konform | nicht konform | nicht anwendbar |
---|---|---|---|
Seite 1: Startseite | 39 Prüfschritte | 7 Prüfschritte | 52 Prüfschritte |
Seite 2: Kontakt | 44 Prüfschritte | 6 Prüfschritte | 48 Prüfschritte |
Seite 3: Ortsteilportraits | 38 Prüfschritte | 9 Prüfschritte | 51 Prüfschritte |
Seite 4: Baumaßnahmen an der L113 | 41 Prüfschritte | 5 Prüfschritte | 52 Prüfschritte |
Seite 5: Rechtsberatung | 43 Prüfschritte | 3 Prüfschritte | 52 Prüfschritte |
Seite 6: Telefonliste | 42 Prüfschritte | 5 Prüfschritte | 51 Prüfschritte |
Seite 7: Suche nach "Ortsteil" | 42 Prüfschritte | 4 Prüfschritte | 52 Prüfschritte |
Projektdaten
- URL
- https://www.alfter.de/
- Prüfzeitraum
- 05.09.2022 - 12.09.2022
- Datum Prüfbericht
- 12.09.2022
- Prüfstelle
- Marcus Hermann
- Prüfer*in
- Marcus Herrmann
- Art des Tests
- Zur Veröffentlichung geeignet
- Ergebnis
- 0 von 7 der ausgewählten Seiten einer unabhängigen, repräsentativen Seitenauswahl wurden als BITV- / EN 301 549-konform bewertet.
- 7 Seiten nicht konform
- Auftraggebende Organisation
- Gemeinde Alfter, Öffentlichkeitsarbeit
- Umfang der Prüfung
- 7 Seiten sind eingehend zu prüfen.
- Standard
- BITV 2.0 (Mai 2019) / anzuwendender Standard EN 301 549 (PDF)
- Prüfverfahren
- BIK BITV-Test (Web), gemäß EN 301 549
- 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 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. 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, diese werden im BIK BITV-Test (Web) in 98 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 3 — OrtsteilportraitsGemeinde Alfter :: Ortsteilporträts
-
Seite 4 — Baumaßnahmen an der L113Gemeinde Alfter :: Baumaßnahmen L113
-
Seite 5 — RechtsberatungGemeinde Alfter :: Rechtsberatung
-
Seite 6 — TelefonlisteGemeinde Alfter :: Telefonliste
-
Seite 7 — Suche nach "Ortsteil"Gemeinde Alfter :: SucheSuchbegriff nicht in der URL, muss nochmals manuell in das Suchfeld eingegeben werden.
Ergebnisse im Überblick
Ergebnisse nach Prüfschritten
-
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
-
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
-
- 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
-
- 5 Seiten konform
- 2 Seiten nicht konform
-
-
Anmerkung mit geringer Abwertung: Der Sprung-nach-oben-Link ist eine klickbare Grafik, die allerdings als dekorativ gekennzeichnet wurde. Der umgebende Link hat nur ein
title
-Attribut. Für eine detaillierte Beschreibung inkl. Korrekturvorschlag: Siehetitle
-Anmerkung auf Seite 1. -
Anmerkung mit geringer Abwertung: Das Lupen-Icon in der zentralen Suche ist eine klickbare Grafik, die allerdings als dekorativ gekennzeichnet wurde. Der umgebende Link hat nur ein title-Attribut. Für eine detaillierte Beschreibung inkl. Korrekturvorschlag: Siehe title-Anmerkung auf Seite 1.
-
-
-
Anmerkung mit geringer Abwertung: Die Weiterlesen-Links (Chevron-Icons) in den Teasern unterhalb "Aktuelles aus der Gemeinde" bekommen ihren Linktext durch das
title
-Attribut, auch da das enthaltene Chevron-Icon als dekorativ ausgezeichnet wurde. Letztgenanntes Attribut ist nur für Zusatzinformationen gedacht. Besser wäre beispielsweise dasaria-label
-Attribut zu nutzen, sehr gerne mit dem gleichen Wert. Da die Überschrift des Teasers selbst verlinkt, kann auch alternativ der - redundante Weiterlesen-Link - vor Nutzenden von Hilfstechnologie versteckt werden, per:aria-hidden="true"
undtabindex="-1"
.Gleiches gilt für die Buttons der Lightbox auf Seite 3, sobald sie im offenen Zustand ist.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Sind in einzelnen "Ortsteil-Reitern" Bilder klickbar und führen zu einer vergrößerten Darstellung (sog. "Lightbox"), muss dieser Zustand, den die Nutzenden nach einem Klick auf das Bild erwartet, beschrieben werden. Aktuell lautet der Alternativtext beispielsweise "Das Foto zeigt die Genuss-Schule, Foto: Gemeinde Alfter". Copyright-Angaben sind irrelevant, sogar störend für Alternativtexte. Stattdessen sollte der Linktext (beispielhaft) lauten: "Genuss-Schule von aussen - vergrößerte Darstellung öffnen".
-
Anmerkung mit geringer Abwertung: Die Weiterlesen-Links (Chevron-Icons) in den Teasern unterhalb "Aktuelles aus der Gemeinde" bekommen ihren Linktext durch das
title
-Attribut, auch da das enthaltene Chevron-Icon als dekorativ ausgezeichnet wurde. Letztgenanntes Attribut ist nur für Zusatzinformationen gedacht. Besser wäre beispielsweise dasaria-label
-Attribut zu nutzen, sehr gerne mit dem gleichen Wert. Da die Überschrift des Teasers selbst verlinkt, kann auch alternativ der - redundante Weiterlesen-Link - vor Nutzenden von Hilfstechnologie versteckt werden, per:aria-hidden="true"
undtabindex="-1"
.Gleiches gilt für die Buttons der Lightbox auf Seite 3, sobald sie im offenen Zustand ist.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Für visuelle Nutzende gibt es eine Indikation, welches Dateiformat die Entwurfspläne haben. Rein semantisch sind diese PDF-Icons allerdings als Iconfont-Bilder und damit erst einmal als dekorativ umgesetzt. Nutzende von z. B. Screenreadern entgeht deswegen die Information über das Dateiformat. Mögliche bzw. einfachste Korrektur: Umsetzung als inhaltstragendes Bild (z. B.
<img>
) mit Alternativtext "PDF", oder Veränderung des Linktextes und sprachlichen Hinweis auf das PDF-Format (das wäre dann ein 9.2.4.4-Sachverhalt).Das Gleiche gilt für Seite 3, Reiter Giesdorf, Ausklappbereich "Giesdorfer Wege".
In beiden Fällen ist im
title
-Attribut ein Hinweis auf ein anderes Dateiformat ("Öffnet die Datei zum Download in neuem Fenster"), allerdings ist dastitle
-Attribut nur für Zusatzinformationen gedacht, die Nennung des Dateiformats ist eine Kerninformation. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung mit geringer Abwertung: Der Email-Kuvert-Link ist eine klickbare Grafik, die allerdings als dekorativ gekennzeichnet wurde. Der umgebende Link hat nur ein title-Attribut. Für eine detaillierte Beschreibung inkl. Korrekturvorschlag: Siehe title-Anmerkung auf Seite 1.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Der Weiterblättern-Pfeil in der Suchergebnispaginierung (rechts neben "3") hat keinen zugänglichen Namen, da einerseits das enthaltene (Iconfont-)Bild als dekorativ ausgezeichnet wurde, andererseits der Link selbst weder verborgenen Text noch namensgebende Attribute wie z. B.
aria-label
hat. - Siehe auch Anmerkungen zu allen Seiten
-
-
- 6 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Das zentrale Bild der offenen Lightbox ("vergrößerte Bilddarstellung") hat keinen Alternativtext und kein
alt
-Attribut. Das Attribut ist zu nutzen und Bildinhalte sind zu beschreiben. Copyright-Angaben gehören nicht in den Alternativtext.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
-
Die Iconfont-Icons (Umschläge, Schlüssel) im Footer (Desktop-Design) sind mit Iconfonts umgesetzt, die aber nicht korrekt versteckt wurden, was u. U. negative Auswirkungen auf den Linktext hat (siehe 9.2.4.4). Eine korrekte Umsetzung ist auf Seite 1, in den Weiterlesen-Links unter "Aktuelles aus der Gemeinde" zu finden.
Gleiches gilt auf allen Seiten, wo ein "externer Link"-Piktogramm bei Seiten, die im neuen Fenster/Tab öffnen, im Einsatz ist.
Gleiches gilt ebenfalls für die Doppelpfeile nach rechts in Brotkrumen-Navigationen (Seiten 2 bis 7).
-
-
- 1 Seite nicht konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
-
Der Alternativtext des CAPTCHA-Bildes ist korrekt, allerdings gibt es keine alternative Darstellung, z. B. in Form eines Audiocaptchas (vergleiche Google reCaptcha).
-
-
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
-
-
Prüfschritte
-
- 4 Seiten konform
- 3 Seiten nicht konform
-
-
Anmerkung ohne Bewertung: Die Überschriften "BÜRGERBÜRO" und "RATHAUS" sollten nicht in Versalien gesetzt werden, sondern nur per CSS in Versalien umgewandelt werden, da Screenreader sie ggf. als Abkürzung vorlesen könnten.
-
-
-
Es erscheint, dass die Überschriften vierter Ordnung, "Kontakt" und "Öffnungszeiten" im Fussbereich der Überschrift zweiter Ordnung "Schnell am Ziel" untergeordnet sind, dabei gibt es keinen direkten Zusammenhang. Der Sachverhalt lässt sich mit zwei Optionen korrigieren:
- Die Überschriften "Kontakt" und "Öffnungszeiten" werden jeweils zu
<h2>
s, ihre untergeordneten Überschriften Unterüberschriften dann zu<h3>
s. - Der Einsatz einer visuell verborgenenen Überschrift als Abgrenzung des Footers (Details: https://barrierefrei.link/visuell-verborgen). Diese sollte auch eine
<h2>
sein, "Kontakt" und "Öffnungszeiten" dann<h3>
, deren Unterüberschriften<h4>
.
- Die Überschriften "Kontakt" und "Öffnungszeiten" werden jeweils zu
-
Anmerkung ohne Bewertung: Für das Karussell auf der Startseite wäre ein zugänglicher Name sinnvoll (zur Technik: siehe https://barrierefrei.link/karussells - Abschnitt "Der Folien-Container").
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung mit geringer Abwertung: Es gibt einen Überschriftshierarchiensprung von
<h1>
zu<h4>
, der damit zusammenhängt, dass es im Hauptinhalt nur eine<h1>
gibt und die Überschriften vierter Ordnung aus dem Footer stammen. Für Behebungsideen siehe Anmerkung zu Seite 1 in diesem Prüfschritt. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Reiter "Witterschlick/Volmershoven-Heidgen": "Witterschlick" und "Volmershoven" haben die Optik und Funktion von Überschriften und sollten als solche umgesetzt werden (eine Ebene unter "Ortsausschussvorsitzende").
Ferner ist der Hierarchie-Sprung von
<h1>
, Ortsteilporträt Witterschlick, zu den<h4>
en "Einwohnerzahl", "Ortsvorsteher", etc. nicht nachvollziehbar. Genannte Überschriften vierter Ordnung sollten eher zweiter Ordnung sein (inklusive Auswirkungen auf etwaige Unterüberschriften). -
Hier wurde weder mit einer Liste noch mit Überschriften gegliedert, und es bieten sich Überschriften an. Die Texte der Akkordeons haben einen ähnlichen Charakter wie "Einwohnerzahl", "Ortsvorsteher", "Ortsausschussvorsitzende", "Impressionen" - insofern sollte der bereits vorhandene Ausklappbereich folgendermaßen (beispielhaft) umgebaut werden:
<h2><button aria-expanded="false">Sehenswürdigkeiten</button></h2>
(Button in der Überschrift, nicht umgekehrt. Eine Erklärung, warumh2
und nichth4
: siehe andere Anmerkung). - Siehe auch Anmerkungen zu allen Seiten
-
-
-
"Entwurfsplanung/Pläne und Übersichtskarten Abschnitte Alfterer Straße (L113)" und "Ansprechpartner" haben die Optik und Funktion von Überschriften und sollten als solche (sinnigerweise
<h2>
) umgesetzt werden. -
Anmerkung mit geringer Abwertung: Es gibt einen Überschriftshierarchiensprung von
<h1>
zu<h4>
, der damit zusammenhängt, dass es im Hauptinhalt nur eine<h1>
gibt und die Überschriften vierter Ordnung aus dem Footer stammen. Für Behebungsideen siehe Anmerkung zu Seite 1 in diesem Prüfschritt. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung mit geringer Abwertung: Es gibt einen Überschriftshierarchiensprung von
<h1>
zu<h4>
, der damit zusammenhängt, dass es im Hauptinhalt nur eine<h1>
gibt und die Überschriften vierter Ordnung aus dem Footer stammen. Für Behebungsideen siehe Anmerkung zu Seite 1 in diesem Prüfschritt. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Der Überschriftenbaum wäre nachvollziehbarer, wäre der Name des/der Mitarbeitenden eine Überschrift zweiter Ordnung (bei ggf. gleichbleibender Optik). "Aufgaben / Funktionen" ist sachlich definitiv einem jeweiligen Mitarbeiten zuzuordnen, erscheint aber direkt "Telefonliste" untergeordnet zu sein.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung mit geringer Abwertung: Es gibt einen nicht nachvollziehbaren Hierarchiensprung von
<h1>
, "Suche", zu den Suchergebnistiteln in<h3>
. Die Verwendung von<h2>
wäre hier besser. - Siehe auch Anmerkungen zu allen Seiten
-
-
- 7 Seiten nicht konform
-
-
Die Navigation "Schnell zum Ziel" ist auf Seite 1 (und auf allen anderen Seiten oberhalb des Footers) nicht als Liste ausgezeichnet. Auf Seite 1 gibt es zusätzlich noch die sechs farbig hinterlegten Links, die auf den anderen Seiten rechts als Ausklappfunktion eingeblendet werden (dort ist jeweils es eine Liste). Diese Navigationen müssen über die Seiten einheitlich und - da Navigationen - als Liste ausgezeichnet werden.
-
-
-
-
Die verlinkten PDFs, Kontext "Entwurfsplanung", sind als Liste zu betrachten, aber nicht als solche umgesetzt (
<ul><li>
). - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung ohne Bewertung: Die Telefonliste ist trotz ihres Namens eher eine Tabelle, siehe 9.1.3.1e.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Die Metadaten eines jeden Suchergebnisses (Pfad, Erstellt, Geändert) sind als Definitionsliste,
dl
, umzusetzen. Details auf englisch: https://barrierefrei.link/dl . - 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 konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Anmerkung ohne Bewertung: Unterhalb der Datentabelle gibt es einen leeren Absatz (
<p></p>
).
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Die Telefonliste, gerade wenn sie durch Suchen gefiltert ist, bietet tabellarische Daten (Spaltenköpfe "Mitarbeiter", "E-Mail", "Telefon" und "Organsiationeinheit") - wurde aber nicht als Datentabelle umgesetzt. Zur Behebung sind die eben genannten Spaltenköpfe als tatsächliche Tabellen-Spaltenköpfe (
th
) umzusetzen, und zusätzlich alle Datenzeilen als Tabellenzeilen (tr
mittd
). Hier ein englischsprachiger Startpunkt bezüglich der Kombination Tabellenzellen und Ausklapp-Bereiche: https://barrierefrei.link/expando-tabellen .
-
-
Keine Anmerkungen vorhanden
-
- 7 Seiten konform
-
-
Anmerkung ohne Bewertung: Noch mehr als die verwendete Tabelle bietet sich für die Auszeichnung der Öffnungszeiten von Bürgerbüro und Rathaus die Definitionliste an: https://barrierefrei.link/dl (englisch).
-
-
- 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
-
-
Anmerkung ohne Bewertung: Auf dieser Seite finden sich einige Formularelemente/Eingabefelder, die zwei programmatische Beschriftungen haben, indem zwei
label
-Elemente per identischemfor
-Attribut auf das gleiche Feld "zeigen". Während dies rein "akademisch" funktionieren müsste und von den Spezifikationen gedeckt ist, gibt es realen Hilfstechnologien nur unzureichende Unterstütztung. Zudem können wenig aussagekräftige Beschriftungen entstehen, siehe 9.2.4.6.
-
-
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
-
- 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 nicht konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
-
Mit Ausnahme des Honeypot-Feldes (das gefährlicherweise den Autocomplete-Wert
one-time-code
besitzt, also unsichtbar ausgefüllt werden könnte) haben keine der Eingabefelder auf dieser Seite die nätigen Autocomplete-Werte:- Vorname =
given-name
- Nachname =
family-name
- Institution =
organization
- Straße =
address-level3
- PLZ =
postal-code
- Ort =
address-level3
- Telefon =
tel
- E-Mail =
email
Um einen Behebungsvorschlag zu machen fehlt mir die nötige Typo3-Expertise, aber bei Betrachtung des Codes gibt es Anzeichen auf die Existenz des Plugins "Powermail". Dass man dort keine
autocomplete
-Werte hinterlegen kann ist scheinbar ein bekanntes Problem. In der Vergangenheit haben Kunden das Problem mit JavaScript gelöst. - Vorname =
-
-
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 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
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Fokussiert man den Suchen-Button, werden sowohl Text als auch Hintergrundfarbe weiß, der Text "Suchen" damit nicht mehr lesbar.
-
-
- 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
-
- 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
-
-
In der Desktop-Ansicht schließen Menüunterpunte dritter Ordnung (z. B. "Rathaus & Politik → Wahlen → Wahlarchiv" bei Mausbedienung nicht bei Verwendung der
ESC
-Taste und sollte idealerweise statt hoverbasiert als Ausklappbereich gelöst werden, vergleichbar der mobilen Ausprägung.
-
-
-
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
-
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
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 7 Seiten konform
-
-
Anmerkung mit geringer Abwertung (da Sprungmarken, auch zur Hauptnavigation, vollständig implementiert sind): Der Auslöser ("Hamburger-Button") für das mobile Menü ist ausserhalb des
<nav>
-Bereiches für die Hauptnavigation, sollte idealerweise aber Teil von ihr sein. -
Anmerkung mit geringer Abwertung (da Sprungmarken vollständig implementiert sind): Die "Barrierefreiheitsoptionen" (im Desktop-Design über der zentralen Suche) sollte mit einem Element der Rolle
navigation
(gerne ) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen.
-
-
-
Anmerkung ohne Bewertung: Sowohl die Quicknav-Navigation direkt über dem Footer als auch die rechts fixierte "Servicenavigation" (Lebenslagen, Veranstaltungen, …) sollte mit einem Element der Rolle
navigation
(gerne<nav>
) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung ohne Bewertung: Sowohl die Quicknav-Navigation direkt über dem Footer als auch die rechts fixierte "Servicenavigation" (Lebenslagen, Veranstaltungen, …) sollte mit einem Element der Rolle
navigation
(gerne<nav>
) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung ohne Bewertung: Sowohl die Quicknav-Navigation direkt über dem Footer als auch die rechts fixierte "Servicenavigation" (Lebenslagen, Veranstaltungen, …) sollte mit einem Element der Rolle
navigation
(gerne<nav>
) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung ohne Bewertung: Sowohl die Quicknav-Navigation direkt über dem Footer als auch die rechts fixierte "Servicenavigation" (Lebenslagen, Veranstaltungen, …) sollte mit einem Element der Rolle
navigation
(gerne<nav>
) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung ohne Bewertung: Sowohl die Quicknav-Navigation direkt über dem Footer als auch die rechts fixierte "Servicenavigation" (Lebenslagen, Veranstaltungen, …) sollte mit einem Element der Rolle
navigation
(gerne<nav>
) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung mit geringer Abwertung (da Sprungmarken vollständig implementiert sind): as
aria-label
-Attribut um die Suchergebnisseiten-Navigation ist leer, damit sind die Navigationsbereiche für die Paginierung der Suchergebnisse unbekannt und kollidieren mit der ebenfalls unbenannten Hauptnavigation insofern, dass diese nicht auf den ersten Blick unterscheidbar sind. -
Anmerkung ohne Bewertung: Sowohl die Quicknav-Navigation direkt über dem Footer als auch die rechts fixierte "Servicenavigation" (Lebenslagen, Veranstaltungen, …) sollte mit einem Element der Rolle
navigation
(gerne<nav>
) umschlossen werden, und z. B. mitaria-label
einen zugänglichen Namen bekommen. - 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
-
-
Anmerkung ohne Bewertung: Ideal wäre es noch, würden die Gesamtzahl der Suchergebnisse und der Suchbegriff - im Testszenario 28 bzw. "Ortsteil" - noch im Dokumententitel auftauchen.
-
-
- 7 Seiten konform
-
-
Anmerkung ohne Bewertung: Eine Umsetzung mit positiven
tabindex
-Werten ist ungewöhnlich und unverhältnismäßig pflegeintensiv für den/die Websiteersteller:innen. Ferner sind Elemente manuell in die Gesamtheit aller tastaturbedienbaren Elemente "gehoben", die dort auch ohne ausdrücklichetabindex
-Attribute bereits sind, was eine Redundanz erzeugt. Nichtsdestotrotz ist eine schlüssige Fokusreihenfolge festzustellen.
-
-
- 6 Seiten konform
- 1 Seite nicht konform
-
-
Anmerkung ohne Bewertung: Die programmatischen zugänglichen Namen der Links in der Barrierefreiheitsnavigation, der Quickav auf Seite 1 sowie auf den Seiten 2 bis 7 enthalten alle einen visuell versteckten Punkt. Das war vermutlich gut gemeint, führt aber zu einer sehr anstrengenden Bedienung im Screenreader NVDA ("Aktuelles. Punkt. Bürgerservice Online. Punkt." usw).
-
Anmerkung ohne Bewertung in diesem Prüfschritt: Die Iconfont-Icons (Umschläge, Schlüssel) sind nicht korrekt versteckt (siehe 9.1.1.1c) und erzeugen programmatische Linktexte wie "\uf0e0E-Mail".
-
-
-
Abmerkung ohne Bewertung in diesem Prüfschritt: Siehe fehlender Alternativ-Text der visuellen PDF-Icons, 9.1.1.1a.
-
Die zugänglichen Namen aller Kontrollfelder einer offenen Lightbox ("vergrößerte Bilddarstellung") sind einerseits mit dem
title
-Attribut umgesetzt (siehe 9.1.1.1a), andererseits englischsprachig ("Full screen", "Close", "Next" usw.). Diese sind zu übersetzen. - Siehe auch Anmerkungen zu allen Seiten
-
-
-
Abmerkung ohne Bewertung in diesem Prüfschritt: Siehe fehlender Alternativ-Text der visuellen PDF-Icons, 9.1.1.1a.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Anmerkung ohne Bewertung in diesem Prüfschritt: In Sachen programmatischer Linktext der Durchwahllinks in der Liste - siehe 9.2.5.3.
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 5 Seiten konform
- 2 Seiten nicht konform
-
-
title
- undaria-label
-Attribute des Play/Pause-Buttons zum Stoppen der Karusellanimation widersprechen sich. Währendtitle
auf eine Interaktion reagiert und den zugänglichen Namen anpasst, bleibtaria-label
durchgehend bei "Slider-Animation pausieren". Gleichzeitig wird nicht mit WAI-ARIA-Zuständen wiearia-pressed="true"
gearbeitet, um den Zustand semantisch zu kommunizieren.title
undaria-label
sind anzugleichen, die Verwendung vonaria-pressed="true"
bei Play/Pause-Buttons nicht zwingend.
-
-
-
Auf dieser Seite haben mehrere Eingabefelder jeweils mehrere programmatische Label:
- Der DSVGO-Einwilligung ist sowohl "DSGVO-Einwilligung-zur-Datenerhebung*" als auch "Ich stimme zu, dass…" zugeordnet. Während diese Mehrfachzuordnungen standardkonform sind, ist die reale Unterstützung in Hilfstechnologien fehlerhaft und unvollständig. "DSGVO-Einwilligung-zur-Datenerhebung" (das übrigens die Bindestriche verlieren muss) ist eher ein
legend
-Element in einemfieldset
, das die Checkbox und ihr eigentliches Label ("Ich stimme zu…") umschließt. - Die Situation um die Sicherheitsfrage ist identisch: "Sicherheitsfrage" ist eher ein
legend
-Element, Doppelzuordnung problematisch etc. - Die Datei-Upload-Felder haben ebenfalls je zwei Label, das zweite ist leer und dient nur dem CSS-Styling. Auch hier bietet sich ein
fieldset
/legend
-Konstrukt an.
- Der DSVGO-Einwilligung ist sowohl "DSGVO-Einwilligung-zur-Datenerhebung*" als auch "Ich stimme zu, dass…" zugeordnet. Während diese Mehrfachzuordnungen standardkonform sind, ist die reale Unterstützung in Hilfstechnologien fehlerhaft und unvollständig. "DSGVO-Einwilligung-zur-Datenerhebung" (das übrigens die Bindestriche verlieren muss) ist eher ein
-
Warum das komplette Formular mit einem Fieldset, Legend-Text "Kontakt - Kontaktformularseite" umfasst ist, ist nicht nachvollziehbar. Der Legend-Text verbessert die Beschriftungstexte nicht weiter (eher im Gegenteil), sie sind "allein" bereits ausreichend.
-
-
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
-
- 6 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Per
aria-labelledby
wird der programmatische Name des Ausklapp-Containers mit den Namen des/der Mitarbeitenden überschrieben, ohne das er im Container vorkommt: Siehe 9.4.1.2, Seite 6 für mehr Details. -
Werden in der Telefonliste Links zu Telefonnummern gesetzt, ist die Sichtbare Beschriftung die Durchwahl, z. B. "284", der zugängliche Name allerdings "Florian Casper anrufen". Zur Behebung muss der zugängliche Name die sichtbare Beschriftung beinhalten. Korrekturvorschlag (Schema): "Florian Casper anrufen, Durchwahl 284" oder - noch besser - "284, Florian Casper anrufen". Letztgenanntes ergibt noch mehr Sinn, wenn die Telefonliste gemäß Prüfschritt 9.1.3.1e eine Datentabelle ist und damit der Spaltenkopf vorgelesen werden kann.
-
-
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 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
-
- 1 Seite konform
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Anmerkung ohne Bewertung: Das Zusammenfiltern nach Texteingabe in der Mitarbeitersuche und Auswahl der Organisationseinheit ist als Inhaltswechsel, nicht Kontextwechsel zu betrachten und findet unterhalb der jeweiligen Felder statt.
-
-
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
-
-
Anmerkung mit geringer Abwertung: Ist die Checkbox zur DSVGO-Einwilligung nicht angekreuzt/aktiviert, erscheint ein Fehlertext: "Das Feld muss ausgefüllt werden". Ein besserer Text für Checkboxes wäre: "Das Feld muss angekreuzt werden".
-
-
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
-
- 5 Seiten konform
- 2 Seiten nicht konform
-
-
Ungültige Verschachtelung:
p
-Element als Kindelement vonstrong
im Newsticker.
-
-
Keine Anmerkungen vorhanden
-
-
Siehe 9.4.1.2, gleiche Seite: die Verwendung von
role="tablist"
mitlistitem
-Kindelementen führt dazu, dass es Listenelemente ohne dazugehörige Elternelemente (z. B.ul
) gibt.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 7 Seiten nicht konform
-
-
Die Hauptnavigation wurde als sogenanntes "Action-Menü" umgesetzt, das heißt, mit den Rollen
menubar
undmenuitem
. Dies ist zu vermeiden, da diese Rollen für Menüs im Sinne eines Betriebssystems (oder Webapp-Menüs, wie z. B. "Datei", "Bearbeiten", etc. in Google Docs) vorgesehen sind. Ferner führt das zu Listenelementen (<li>
) die keine zulässigen Kinder von Eltern der Rollemenubar
sind, sowie in dieser Situation ohne ihr nötiges Elternteil existieren (ol
oderul
).Stattdessen sind Links und Ausklappbereiche zu nutzen. Details dazu auf englisch: https://barrierefrei.link/no-menu-for-sitenav .
-
Im mobilen Hauptmenü haben die "Untermenü-Aufklapp-Auslöser" keinen zugänglichen Namen. Dieser ist z. B. mit verborgenenem Text herzustellen, und kann beispielsweise "Unterpunkte" lauten. Ferner kündigen sie mit
aria-haspopup="true"
ein aktives Fokusmanagement, einen Dialog oder ein Menü nach Interaktion an, das dann aber nicht passiert bzw. die alle aber nicht geöffnet werden. In Anbetracht des Konstrukts reicht das bereits vorhandenearia-expanded
.
-
-
-
Anmerkung mit geringer Abwertung: Das Karussell kann strukturell noch aussagekräftiger aufgebaut werden, z. B. durch Verwendung einer benannten generischen Region oder durch die Zusammenfassung gleichartiger Elemente als Liste. Details: https://barrierefrei.link/karussells .
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Die Registerreiter-Komponente ist bis auf eine ungültige Verschachtelung richtig gebaut: Während die Rolle der
ul
(die alle Tabs beinhaltet, also alle Registerreiterköpfe) korrekterweise perrole="tablist"
als Tablist (also Sammlung aus Registerreiterköpfen) ausgezeichnet wird, sind die direkten Kindelemente nicht etwa Elemente mit der Rolletab
, sondern Elemente mit der Rollelistitem
(in dem Fall dieli
s). Damit direkte semantische Kinder der Tablist eben Tabs sind, muss denli
s die Rollepresentation
gegeben werden (siehe Screenshot).Auf Seite 2 ist nur ein einzelner Tabreiter im Einsatz. Hier ist ein Registerreiter-Element überflüssig, da es keine weiteren Reiter und auch ausreichend zusammenfassende Überschriften gibt.
1 Anhänge
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Die Registerreiter-Komponente ist bis auf eine ungültige Verschachtelung richtig gebaut: Während die Rolle der
ul
(die alle Tabs beinhaltet, also alle Registerreiterköpfe) korrekterweise perrole="tablist"
als Tablist (also Sammlung aus Registerreiterköpfen) ausgezeichnet wird, sind die direkten Kindelemente nicht etwa Elemente mit der Rolletab
, sondern Elemente mit der Rollelistitem
(in dem Fall dieli
s). Damit direkte semantische Kinder der Tablist eben Tabs sind, muss denli
s die Rollepresentation
gegeben werden (siehe Screenshot).Auf Seite 2 ist nur ein einzelner Tabreiter im Einsatz. Hier ist ein Registerreiter-Element überflüssig, da es keine weiteren Reiter und auch ausreichend zusammenfassende Überschriften gibt.
1 Anhänge
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
In den Ausklappbereichen zu allen Mitarbeitenden wird dem Container, der jeweils ausgeklappt werden kann, per
aria-labelledby
ein zugänglicher Name gegeben. Das ist aus zwei Gründen problematisch:div
s, also Elemente ohne semantische Rolle, können laut WAI-ARIA-Spezifikation keine zugänglichen Namen bekommen. Die Unterstützung in Screenreadern für ein solches Konstrukt ist auch mehr als fehlerhaft und unvollständig.- Selbst wenn der Ansatz spezifikationsgemäß und gut unterstützt wäre, überschriebe der Name des Mitarbeitenden hier alle Inhalte des Containers, und das wären immerhin Überschriften, Absätze, Links und Listen mit wichtigen Informationen.
Entsprechend ist zur Behebung
aria-labelledby
auf allen Containern zu entfernen. -
Anmerkung ohne Bewertung: Würde man gemäß 9.1.3.1e die Telefonliste in eine Datentabelle umbauen, könnte man die Sortierung der Spalten (nach Mitarbeitendenname oder Organisationseinheit) auch mit
aria-sort
semantisch kommunizieren. Details: https://barrierefrei.link/sort-table (englisch). - 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
-
-
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 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 der übrigen, im Rahmen dieser Prüfung ermittelten Mängel im website-übergreifenden Kopfbereich ist auch ohne eingehende Prüfung der Barrierefreiheitserklärung davon auszugehen, dass diese Seite von denselben Mängeln z. B. im Menü betroffen ist. In der Barrierefreiheitserklärung zu erkennen war aber ein - bereits an anderer Stelle aufgezeigter - Hierarchiesprung im Überschriftenbaum, der nicht nachvollziehbar ist (von
h1
zuh3
).