Da es sich um einen Anmeldeprozess handelt, sind die URLs der Seiten 2 und 4 identisch.
Obwohl das Authentifizierungsverfahren nur in Kombination mit Fachverfahren eingesetzt werden kann, ist nur das Authentifizierungsverfahren Gegenstand der Prüfung.
Das getestete Element (Seite 6) umfasst den Inhaltsbereich der Seite.
Prüfschrittbewertungen der Seite 6 werden nicht mit "erfüllt" bewertet, da Seite 6 nur elementweise geprüft wird.
Punkte: 92 von 100 (gut zugänglich)
Punktabzug: 2 Punkte
Der Stern zur Kennzeichnung der Pflichtfelder muss vor dem Formular erklärt werden.
Hinweis: Die Umschreibung der Feldbeschriftungen im Fehlerfall sind hier im Gegensatz zu Seite 4 und 5 nicht notwendig, da die Fehlermeldungen anders eingebunden sind.
Der Stern zur Kennzeichnung der Pflichtfelder muss vor dem Formular erklärt werden.
Bei der Anzeige von Fehlermeldungen sollten die Beschriftungen der relevanten Felder auf den Fehler hinweisen.
s. Seite 4
Punktabzug: 1,5 Punkte
Der Zusatz "Logo" fehlt im Alternativtext des Logos "Mitarbeiterservice Bayern".
Der Alternativtext "Wappen der bayerischen Staatsregierung" sagt nichts über das Linkziel aus.
Punktabzug: 0,75 Punkte
"Hinweis" sollte als h3 ausgezeichnet werden.
"Hinweis" sollte als h3 ausgezeichnet werden.
Punktabzug: 0,75 Punkte
erfüllt
Fehlermeldungen fehlt die semantische Auszeichnung mit dem Absatz-Element p
.
s. Seite 4
Punktabzug: 0,5 Punkte
Bei Elementen, die grafisch auf den Fokuserhalt reagieren, muss der Kontrastwert einer der beiden Zustände mind. 3,0:1 und der andere mind. 4,5:1 betragen.
Mobile Ansicht:
Geöffnetes Menü: Menüschaltfläche mit Fokus: IST 3,95:1, Menüschaltfläche ohne Fokus: IST ca. 4,1:1
Der Fokus der Menüschaltfläche wird nur durch den Wechsel der Hintergrundfarbe gekennzeichnet. Daher ist der Kontrast des Farbwechsels relevant:
Farbwechsel der Menüschaltfläche des geöffneten Menüs bei Fokuserhalt: IST 1,05:1, SOLL 3,0:1
Farbwechsel der Menüschaltfläche des geschlossenen Menüs bei Fokuserhalt: IST ca. 1,2:1, SOLL 3,0:1
Punktabzug: 0,5 Punkte
Das Logo des Mitarbeiter-Service hat keinen eigenen Hintergrund und kann deshalb bei ungünstig gewählter Hintergrundfarbe nicht mehr erkannt werden.
Im Hauptmenü sind die Menüpunkte der zweiten Gliederungsebene bei benutzerdefinierten Farben nur schwer durch die geringere Schriftgröße von den Menüpunkten der ersten Gliederungsebene zu unterscheiden (außer Seite 3).
erfüllt
Punktabzug: 0,5 Punkte
Hinweis IE11: Der Fokus der Grafik "authega Service" ist nicht gut zu erkennen, da der Fokusrahmen an der rechten Grafikseite nicht vorhanden ist.
Mobile Ansicht:
IE11+FF44: Im Menü hat der dunkel markierte, der aktuellen Seite übergeordnete Menüpunkt keinen Tastaturfokus.
Hinweis: Der Tastaturfokus der Menü-Schaltfläche ist nur durch einen Wechsel der Hintergrundfarbe mit geringem Kontrastwert der beiden Farbtöne zueinander realisiert. Der Fokus ist daher nicht deutlich. Die Bewertung erfolgt im Prüfschritt "1.4.3b Kontraste von Grafiken ausreichend".
IE11: Die Schaltflächen haben einen unzureichenden Tastaturfokus.
FF44: Die Kontrollkästchen haben einen kaum sichtbaren Tastaturfokus.
IE11: Die Schaltflächen haben einen unzureichenden Tastaturfokus.
IE11: Die Schaltflächen haben einen unzureichenden Tastaturfokus.
Punktabzug: 0,25 Punkte
Die Sprachauszeichnung von Fehlermeldungen mit lang="*"
entspricht nicht der HTML-Spezifikation und veranlasst teilweise Screenreader, die Meldung englisch auszugeben.
Punktabzug: 0,25 Punkte
Die Fehlermeldungen sind hilfreich, sie sind für z.B. Screenreader aber nicht gut zu finden. Sie müssen vor dem Formular angezeigt werden und mit einer Überschrift versehen werden. Siehe auch Prüfschritt "3.3.2a Formularfelder richtig beschriftet".
s. Seite 4
Punktabzug: 0,5 Punkte
Mobile Ansicht
Bei der Menüschaltfläche ist programmatisch nicht erkennbar, ob das Menü auf- oder zugeklappt ist, z.B. mit dem Attribut "aria-expanded".
Punktabzug: 0,5 Punkte
Hinweis: Es ist etwas verwirrend, dass die Hauptnavigation aus 2 Listen besteht. Alle Menüpunkte in eine Liste zusammenzufassen, wäre hilfreich.
erfüllt
erfüllt
Hinweis: Das Formular kann im IE bei ausgeschaltetem CSS nicht abgeschickt werden.
Hinweis: Das Formular kann im IE bei ausgeschaltetem CSS nicht abgeschickt werden.
Mobile Ansicht:
Hinweis: Der Tastaturfokus der Menü-Schaltfläche ist nur durch den Wechsel der Hintergrundfarbe realisiert. Bewertung erfolgt im Prüfschritt "1.4.3b Kontraste von Grafiken ausreichend".
erfüllt
erfüllt
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.
Der Datenschutz-Hinweis wird nicht mit vergrößert.
erfüllt
IE11: die Formularfelder werden nicht mit vergrößert.
s. Seite 2
s. Seite 2
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 Zoom auf 200% wird auf eine mobile Ansicht umgeschaltet.
erfüllt
erfüllt
Mobile Ansicht
Hinweis (IE11+FF44): der Hinweis zur Nutzung der Cookies verdeckt beim Durchtabben der Seiten mit der Tastatur den unteren Rand des Viewports und damit das aktuell fokussierte Element. Im Menü kann zusätzlich beim erstmaligen Durchtabben nicht gescrollt werden. Somit kann ein Menüpunkt am unteren Bildschirmrand nur durch Rückwärtstabben sichtbar gemacht werden.
erfüllt
Mobile Ansicht
Hinweis IE11+FF44: Der Hinweis zur Nutzung der Cookies verdeckt die Schaltflächen "Abbrechen" und "Weiter". Befindet sich der Cursor in einem Eingabefeld, das von diesem Hinweis verdeckt wird, kann das Eingabefeld mit Tastatur nicht mehr in den sichtbaren Bereich gescrollt werden.
Mobile Ansicht
Hinweis IE11+FF44: Der Hinweis zur Nutzung der Cookies verdeckt die Schaltflächen "Zurück" und "Weiter".
Mobile Ansicht
Hinweis IE11+FF44: Der Hinweis zur Nutzung der Cookies verdeckt die Schaltflächen "Zertifikat speichern" und "Weiter". Befindet sich der Cursor in einem Eingabefeld, das von diesem Hinweis verdeckt wird, kann das Eingabefeld mit Tastatur nicht mehr in den sichtbaren Bereich gescrollt werden.
erfüllt
erfüllt
erfüllt
Hinweis: Das Logo des "Mitarbeiterserice Bayern" erhält den Fokus, abweichend von der visuellen Reihenfolge, erst nach dem Wappen der Bayer. Staatsregierung.
Hinweis: Das Wappen der bayerischen Staatsregierung verlinkt auf den Auftritt des bayerischen Finanzministeriums. Dies ist aus der Grafik bzw. deren Alternativtext nicht ersichtlich. Geprüft wird dies in Prüfschritt "1.1.1a Alternativtexte für Bedienelemente".
Der Prüfgegenstand (Registrierung zu authega Basis) umfasst nur einen Teil des Webangebots. Es gibt ein einheitliches Navigationsmenü. Ein weiterer Zugangsweg ist nicht erforderlich, da es sich bei dem Prüfgegenstand um einen Prozess handelt.
erfüllt
Mobile Ansicht
Hinweis: Die Menüschaltfläche sollte aus Usabilitygründen mit einem deutschen Text beschriftet sein. Im jetzigen Zustand geben Screenreader einen Wechsel aus Deutsch und Englisch aus, der für englischsprachige User verständlich ist.
erfüllt
erfüllt
erfüllt
erfüllt