Punkte: 94 von 100 (gut zugänglich)
Responsive Ansicht, Hauptnavigation. Toggle-Elemente für die Untermenüs: Das aria-label
"aufklappen" ist nicht aussagekräftig. Der Name des Menüpunkts fehlt, ist aber im Kontext ermittelbar. Siehe dazu auch: 4.1.2a - "Name, Rolle, Wert verfügbar"
Punktabzug: 0,75 Punkte
Betr. Icon über der Händlersuche (an dieser Stelle ohne Informationsgehalt): Kein alt
-Attribut vorhanden.
Punktabzug: 0,25 Punkte
Die Verwendung von HTML-Überschriften, insb. die Gliederung der Überschriftenebenen, ist hier teilweise etwas unlogisch. Typischerweise umfassen die Überschriften 2 Zeilen. Inhaltlich könnte das in einer Ebene zusammengefasst werden. Es werden aber 2 Ebenen verwendet (#h2# für Zeile 1 und h3
für Zeile 2).
Die Überschrift über der Händlersuche ist nicht als HTML-Überschrift ausgezeichnet. So entsteht eine falsche Zuordnung auf der logischen Ebene weil die erste Überschrift der Händlersuche eine h4
ist.
Siehe Seite 1 (Überschrift Händlersuche).
Kontakt, Aufzählung unter "Tochtergesellschaften": Die Namen der Länder bzw. Regionen sollten als HTML-Überschriften ausgezeichnet werden (denkbar wäre hier auch die Verwendung einer Liste (#ul#).
Punktabzug: 0,75 Punkte
Betr. die Aufzählungen mit Links in der Ergebnisdarstellung der Händlersuche (beide Ansichten). Hier sollte eine HTML-Liste verwendet werden (#ul#).
Siehe Seite 1.
Punktabzug: 0,5 Punkte
Kontakt, Aufzählung unter "Tochtergesellschaften": Hier werden leere p
-Tags als Abstandshalter eingesetzt.
Punktabzug: 0,25 Punkte
Im ersten Inhaltsblock auf der Startseite (Bild und Textlink "Finanzierung") können bei Nutzung im Screenreader die beiden Links nicht aktiviert werden. Der Grund ist unklar, möglicherweise liegt es an einem überflüssigen tabindex
-Attribut und/oder einem nicht validen Einsatz von aria-describedby
. (Reproduzierbar mit den Screenrereader Jaws und NVDA, verschiedene Versionen in Kombination mit Firefox und IE).
Punktabzug: 0,75 Punkte
Das aria-label
"Sie sind hier" für die Bereichsnavigation (Werkschrank, Werkbank) ist irreführend. Es legt nahe, dass es sich bei der Navigation um einen Breadcrumb handelt, was aber nicht der Fall ist.
Punktabzug: 0,5 Punkte
Funktion "Bild teilen". Bei Tastaturbedienung ist der Fokus über drei Stationen nicht erkennbar.
Punktabzug: 0,5 Punkte
Betr. den Mechanismus zum Anpassen der Sprache im Fußbereich. Hier wäre, speziell für Screenreader-Nutzer, eine ausführlichere Beschriftung als das etwas knappe "change" sinnvoll.
Punktabzug: 0,25 Punkte
Händlersuche: Die Fehlermeldungen sind nicht via aria-describedby
mit den jew. Feldern verknüpft (vgl. das Kontaktformular). Der Fokus wird aber nach fehlerhaftem Absenden in das erste fehlerhaft ausgefüllte Feld gesetzt.
Siehe Seite 1.
Punktabzug: 0,5 Punkte
Responsive Ansicht, Hauptnavigation, Toggle-Elemente für die Untermenüs. Der Zustand wird falsch vermittelt (#aria-expanded=true# auch für geschlossene Ansichten).
In der Händlersuche fehlt die Vermittlung des Zustands in den Accordion-Ansichten (betr. nur die Listendarstellung der Treffer innerhalb der Karte. Alternative Darstellung ist vorhanden).
Punktabzug: 0,75 Punkte