Das Prüfverfahren zur BITV 2.0



Blättern: zum nächsten Test zum letzten Test

IKK classic

Prüfung

Ergebnis

Punkte: 92,25 von 100 (gut zugänglich)

Prüfberichte

Prüfbericht vom 19.05.2017, 13:44 (PDF)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Akkordeon)

Seite 3 (Tab-Panel)

Seite 4 (Formular)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

Teilweise erfüllt ist 1 von 50 Prüfschritten:

  • Prüfschritt 1.4.3a - Kontraste von Texten ausreichend

    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)

    Seite 1, 2, 3, 4: teilweise erfüllt

    Punktabzug: 1 Punkt

Eher erfüllt sind 12 von 50 Prüfschritten:

  • Prüfschritt 1.1.1a - Alternativtexte für Bedienelemente

    Seite 4: teilweise erfüllt

    Mitgliedserklärung, 3. Ansicht: Icons "Edit", "Save": keine Textalternative.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.3.1b - HTML-Strukturelemente für Listen

    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.

    Seite 2, 3: eher erfüllt
    Seite 1, 4: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.3.1d - Inhalte gegliedert

    Seite 4: teilweise erfüllt

    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.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.3b - Kontraste von Grafiken ausreichend

    Siehe oben, "IKK-Blau" für diverse Icons und Buttons.

    Seite 1, 2, 3, 4: eher erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar

    Seite 4: teilweise erfüllt

    Mitgliedserklärung: Zustand von Checkboxen und Radio-Buttons ist nicht mehr erkennbar (Hintergrundgrafiken)

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    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.

    Seite 4: eher nicht erfüllt

    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.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung

    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.

    Seite 1, 2, 3, 4: eher erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.7a - Aktuelle Position des Fokus deutlich

    Seite 4: teilweise erfüllt

    Mitgliedserklärung: Bei Checkboxen und Radio-Buttons wird die Fokushervorhebung unterdrückt.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,25 Punkte

  • Prüfschritt 2.4.8a - Position im Webauftritt klar

    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

  • Prüfschritt 3.3.1a - Fehlermeldungen hilfreich

    Seite 4: eher erfüllt

    Die Fehlermeldungen sind als Sprunglinks umgesetzt. Bei Aktivierung wird der Fokus jedoch nicht in das Feld versetzt, es wird nur der Viewport verschoben.

    Seite 1, 2, 3: nicht anwendbar

    Punktabzug: 0,5 Punkte

  • Prüfschritt 3.3.2a - Formularfelder richtig beschriftet

    Seite 4: eher erfüllt

    label fehlt Die Beschriftungen der Selects sollten mit dem select verknüpft sein.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 4.1.2a - Name und Rolle von Bedienelementen verfügbar

    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.

    Seite 4: eher erfüllt

    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.

    Seite 1, 2, 3: eher erfüllt

    Punktabzug: 0,5 Punkte

Erfüllt sind 24 von 50 Prüfschritten:

Nicht anwendbar sind 13 von 50 Prüfschritten:

Blättern: zum nächsten Test zum letzten Test