Punkte: 92,25 von 100 (gut zugänglich)
Das "IKK-Blau" (#0BA1E2#) hat in Kombination mit Weiß oder Grau einen relativ schlechten Helligkeitskontrast (IST: 2,91:1, SOLL: 4,5:1). Das betrifft sehr viele Inhaltselemente.
Textvorbelegung für Eingabefelder (z.B. Suchfunktion a8a8a8
auf fff, IST: 2,83:1, SOLL: 4,5:1)
Navigation im Kopfbereich, nicht aktive Links ("IKK classic", "Firmenkunden" etc. 5e5e5d
auf ccc
, IST: 2,83:1, SOLL: 4,5:1)
Punktabzug: 1 Punkt
Mitgliedserklärung, 3. Ansicht: Icons "Edit", "Save": keine Textalternative.
Punktabzug: 0,75 Punkte
Betr. alle Seiten mit Breadcrumbnavigation: Auszeichnung mit aria-label
ist gut. Allerdings wird dieses dann mit display:none
unsichtbar gemacht. Das verstecken von ARIA-Elementen ist nicht notwendig da diese in der visuellen Ansicht nicht ausgeliefert werden.
Punktabzug: 0,5 Punkte
Mitgliedserklärung: Die Gliederung des Formulars erfolgt nicht durchgängig mit fieldset
. Das legend
-Element wird gar nicht eingesetzt. Das wäre zur Kennzeichnung der unterschiedlichen Formularbereiche (z.B. Persönliche Angaben / Angaben zum Arbeitgeber) hier aber sehr sinnvoll.
Punktabzug: 0,5 Punkte
Siehe oben, "IKK-Blau" für diverse Icons und Buttons.
Punktabzug: 0,5 Punkte
Mitgliedserklärung: Zustand von Checkboxen und Radio-Buttons ist nicht mehr erkennbar (Hintergrundgrafiken)
Punktabzug: 0,5 Punkte
Funktion "Copyright anzeigen": die Lightbox-Ansicht ist mit der Tastatur zu öffnen, der Schließen-Button innerhalb der Ansicht ist aber nicht fokussierbar (vgl. mit der Umsetzung bei "Geschäftsstellen" oder "Kontakt").
ESC funktioniert hier, ist aber nicht dokumentiert.
Mitgliedserklärung: Datumseingabe funktioniert nicht verlässlich ohne Datepicker. 1. Ansicht: im ersten Durchgang klappt es - nachdem man den Radio-Button ausgewählt hat), wenn man rückwärts tabbt und direkt in das Feld springt, klappt es nicht. Es wäre sinnvoll, wenn man das Feld mit dem Datepicker nicht erreichen würde, wenn man nicht die entsprechende Auswahl getroffen hat.
In der 2. Ansicht (Feld "Geburtsdatum") ist keine Eingabe ohne Maus möglich.
Punktabzug: 0,75 Punkte
Mobiles Layout, Menüs "Kontakt", "Suche": Nach dem Aufklappen gelangt man mit der Tab-Taste nicht direkt in den ausgeklappten Inhalt sondern muss erst weitere Links durchwandern.
Punktabzug: 0,5 Punkte
Mitgliedserklärung: Bei Checkboxen und Radio-Buttons wird die Fokushervorhebung unterdrückt.
Punktabzug: 0,25 Punkte
Betr. https://www.ikk-classic.de/oc/de/ikk-classic/versicherung/zuzahlung-befreiung/: Hier (und auf den anderen Übersichtsseiten dieser Ebene) fehlt die Breadcrumbnavigation.
Punktabzug: 0,75 Punkte
Die Fehlermeldungen sind als Sprunglinks umgesetzt. Bei Aktivierung wird der Fokus jedoch nicht in das Feld versetzt, es wird nur der Viewport verschoben.
Punktabzug: 0,5 Punkte
label fehlt Die Beschriftungen der Selects sollten mit dem select verknüpft sein.
Punktabzug: 0,75 Punkte
Mobiles Layout: "Kontakt", "Suche", "Menü": Der Zustand (erweitert/reduziert) sollte über aria-expanded
vermittelt werden.
Das aria-label
, das den Zustand der Subnavigation vermitteln soll, wird nicht je nach Zustand umgeschrieben, es lautet jeweils "Subnavigation ausklappen" - auch wenn die Navigation mit dem Bedienelement eingeklappt wird.
Mitgliedserklärung: Für die Anzeige des aktuellen Prozesschritts (1,2,3 ) werden button
-Elemente verwendet. Wenn diese Schaltflächen nicht verfügbar sind sollten sie mit aria-disabled
(bzw. einer vergleichbaren HTML-Technik) ausgezeichnet werden.
Ansicht: "Prüfen und Abschicken": Das Bedienelement zum Bearbeiten einer Eingabe, blendet das ensprechende Formularfeld ein. Dieser Zustand wird jedoch nicht mit aria-expanded
vermittelt.
Punktabzug: 0,5 Punkte
Im IE ist keine Schriftvergrößerung möglich. Mit Firefox kommt es bei Schriftvergrößerung zu Darstellungsproblemen wie abgeschnittenen Inhalten oder Überlagerungen
Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b:
Im Zuge der Angleichung an die WCAG 2.0 werden die beiden im BITV-Test z.Zt. noch getrennt vorhandenen Schriftvergrößerungs Prüfschritte zukünftig zusammen genommen bewertet werden. Diese Entscheidung ist noch nicht verbindlich im BITV-Test Prüfverbund gefallen, ist aber im Ergebnis sehr wahrscheinlich, weswegen dieser Ansatz bereits in diesem Test verfolgt wird.
Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion 1.4.4 ausreicht, zählt im BITV-Test in Zukunft für beide Prüfschritte 1.4.4a und 1.4.4b die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete Prüfschritt wird unabhängig von dem schlechteren Prüfergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt.
Bei Nutzung der Zoom-Funktion wird am Desktop das Layout für mobile Geräte ausgeliefert. Probleme in dieser Ansicht werden bei den jew. relevanten Prüfschritten bewertet.
Es werden keine anderssprachigen Wörter verwendet.
Tabelle "Zuzahlung": Spalten- oder Reihenüberschriften (#th#) sind nicht vorhanden, bei dieser einfach aufgebauten Tabelle aber auch nicht zwingend notwendig.
(Bei komplexeren Tabellen i.d.R. mehr als 3 Spalten müssen die Überschriftenzellen mit th
ausgezeichnet werden).