Punkte: 90 von 100 (gut zugänglich)
Eingabe eines bleliebigen Namens mit valider E-Mail-Adresse erzeugt Login-Daten (auch als Email versandt)
Mit Ausklappbereichen "Fachoberschulreife", dann "Hauptschulabschluss Typ 10 A"
Zum Aufruf dieser Seite müssen in den vorgängigen Schritten diverse Felder valide ausgefüllt werden
Bewerberonlineverfahren Finanzministerium des Landes Nordrhein-Westfalen | Schullaufbahn
Punktabzug: 2 Punkte
Keine Sprunglinks zum Inhaltsbereich, keine Bereichsüberschriften, keine Aria-Landmarks. Überschriftennavigation des Screenreaders (Tastaturbefehl H) springt zur Überschrift des Inhalts. Tastaturnutzer müssen viele Fokuspunkte der Nabvigation durchlaufen (darunter versteckte - vergl. Prüfschritt 2.4.3a "Schlüssige Reihenfolge bei der Tastaturbedienung")
Punktabzug: 1,5 Punkte
Link "Grafik zum Download der Auswahlhilfe" öffnet ein PDF, darüber erfolgt aber kein Hinweis.
Punktabzug: 0,5 Punkte
Alternativtext "Eindrücke Finanzministerium des Landes Nordrhein-Westfalen Bild 1" ist überflüssig. Angemessen wäre ein leeres alt
-Attribut - die Bilder tragen keine Information.
Punktabzug: 0,25 Punkte
Die Daten zum Bewerber sind nicht semantisch strukturiert. Denkbar wäre eine Datentabelle, eine Definitionsliste oder wenigstens die Gliederung über Absätze.
Punktabzug: 0,5 Punkte
Die Zeilenüberschriften der Tabelle sind nicht mit th scope=row
als Überschrift ausgezeichnet. Beim Durchtabben und Ausfüllen der Noten ist deshalb bei nicht visueller Nutzung unklar, auf welches Fach sich die Noten beziehen.
Die Zeilenüberschriften in den Tabellen für Zeugnisnoten und Abiturnoten sind nicht mit th scope=row
ausgezeichnet. Ähnliches gilt vermutlich für weitere (im Test nicht ausgefüllte, da übersprungene) Abschnitte, etwa "Zeit nach der Schullaufbahn".
Punktabzug: 0,75 Punkte
S.3-6. Im Hinweis zum Ablauf der Zeit heißt es "Bitte setzen Sie die Zeit über die Schaltfläche neben den zwei grünen Pfeilen neben der verbleibenden Zeit zurück". Dieser Bezug auf Form und Farbe ist für blinde Nutzer nicht brauchbar.
Siehe allgemeiner Hinweis.
Siehe allgemeiner Hinweis.
Unausgefüllte Felder im Bereich Fächer (bei eingetragenen Punkten) werden nur über Farbänderung hervorgehoben. Ebenso nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) -vergl. Prüfschritt 3.3.2a "Formularfelder richtig beschriftet".
Siehe auch allgemeiner Hinweis.
Unausgefüllte Felder werden nur über Farbänderung hervorgehoben. Ebenso nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) - vergl. Prüfschritt 3.3.2a "Formularfelder richtig beschriftet".
Siehe auch allgemeiner Hinweis.
Punktabzug: 0,5 Punkte
Telefonnummer nur mit einem Kontrast von 2,29:1 (SOLL: 4,5:1)
Punktabzug: 0,5 Punkte
S.3-6: Hinweis über Ablaufen der Zeit erfolgt 3 Minuten vorher. Fokus wird korrekt in das Hinweisfenster gesetzt. Zu Verlängern der Zeit muss dann aber durch die Seite navigiert werden, bis man auf "Zeit zurücksetzten" Schalter gelangt. (Zum Schalter vergl. auch Prüfschritt 1.3.3a "Ohne Bezug auf sensorische Merkmale nutzbar.") Besser wäre es, man könnte direkt im Hinweisfenster die Zeit verlängern.
Vergl. allgemeiner Hinweis.
Vergl. allgemeiner Hinweis.
Vergl. allgemeiner Hinweis.
Vergl. allgemeiner Hinweis.
Punktabzug: 0,5 Punkte
1. Hinweis: Seitentitel recht lang. Der unterscheidende Bestandteil sollte besser zuerst genannt werden.
2. Nach dem Auftreten von Eingabefehlern oder -Lücken ändert sich nicht der Seitentitel, um beim Neuladen der Seite auf das Vorhandensein von Fehlern hinzuweisen. Vergl. auch Prüfschritt 2.4.3a "Schlüssige Reihenfolge bei der Tastaturbedienung".
Vergl. 2. allgemeine Anmerkung.
Vergl. 2. allgemeine Anmerkung.
Vergl. 2. allgemeine Anmerkung.
Vergl. 2. allgemeine Anmerkung.
Punktabzug: 0,5 Punkte
1. S. 3-6: Hierarchische Navigation hat unterhalb der Inputs Persönliche Daten, Vorbildung und Sonstiges mehrere versteckte Fokuspositionen, die sogar (bei Enter) zu den hinterlegten Zuständen navigieren. Die Tastaturbedienung ist dadurch erschwert. Versteckte Untermenüs sollten auch für Tastaturnutzer / Screnreadernutzer versteckt sein.
2. S. 2-5: Fehlermeldungen oberhalb der Formulare sind für Screenreadernutzer nicht leicht wahrnehmbar. Nach dem Abschicken der Formulare (über "Weiter") wird der Fokus nicht auf die Fehlermeldung oder die erste identifizierte Fehleingabe gesetzt.
Vergl. allgemeiner Hinweis 1.
Vergl. allgemeiner Hinweis 2.
Vergl. allgemeiner Hinweis 1 und 2.
Vergl. allgemeiner Hinweis 1 und 2.
Vergl. allgemeiner Hinweis 1 und 2.
Punktabzug: 0,5 Punkte
S.3-5. Der Icon für den wichtigen Link "Zeit zurücksetzten" ist ohne Beschriftung nicht aussagekräftig. Der Inhalt des title
-Attributs steht für Tastaturnutzer und Touch-Nutzer nicht zur Verfügung.
Vergl. allgemeiner Hinweis.
Vergl. allgemeiner Hinweis.
Vergl. allgemeiner Hinweis.
Vergl. aber Prüfschritt 3.2.3a "Navigation einheitlich".
Punktabzug: 0,25 Punkte
Fokushervorhebung auf Elementen der obersten Ebene der Navigation nicht gut sichtbar.
Fokushervorhebung auf wichtigem Link "Zeit zurücksetzen" schlecht sichtbar (nur Systemkranz)
Fokushervorhebung auf den vielen Eingabefeldern und select
s könnte sehr viel deutlicher sein.
Firefox: Bei den Radio Buttons "Registrierung" und "Anmeldung" wird die browsereigenen Tastaturfokushervorhebung mit JavaScript blur() unterdrückt.
Punktabzug: 0,25 Punkte
Die konventionelle Navigation suggeriert eine hierarchische Struktur des Angebots mit freien Auswahlmöglichkeiten. Tatsächlich ist aber ein bestimmter kumulativer Prozess vorgesehen. Selbst einen Schritt zurückgehen (etwa für Ergänzungen) führt zu Fehlermeldungen, die zuerst ein Ausfüllen der gerade geöffneten Seite erzwingen. Die Links von der Seite Sichern / Bestätigung zurück in ausgefüllte Bereiche führen zum Teil zu Fehlermeldungen ("Dokument erloschen").
S. 4 Zeugnis:
Hinweis ohne Punktabzug, da mehr ein Usability-Problem: Es leuchtet nicht ein, dass das select
Halbjahr die Auswahl des Halbjahrs erzwingt, das ja in den ersten beiden Spalten für Halbjahre in der Überschrift gegeben ist. Das ist möglicherweise verwirrend.
Punktabzug: 0,75 Punkte
An mehreren Stellen (etwa auf der Ansicht Erklärung / Aktenführung, Telefonnummer) gibt es den nicht oder inkorrekt ausgefüllten Eingabefeldern zugeordnete Hinweise, diese sind aber nicht Teil des Feld-Labels (bzw. werden nicht mittels geeigneten Aria-Attributen referenziert) und werden deshalb bei nicht visueller Nutzung leicht übersehen (z.B: beim Durchtabben zum Auffinden unvollständig ausgefüllter Felder). Das macht die Fehlerkorrektur sehr mühsam.
Eingabefelder über Spaltenheader beschriftet. Das summary
-Attribut "In der folgenden Tabelle können Sie Ihre Schulnoten für einen bestimmten Zeitraum eingeben" ist nicht länger valide in HTML 5. Beim Durchtabben durch die Eingabefelder wird der lange Inhalt wiederholt ausgegeben (evtl. ein Screenreaderproblem).
Der Name / Status von nicht oder unrichtig ausgefüllten Formularelementen wird nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) vermittelt.
Eingabefelder über Spaltenheader beschriftet. Das summary
-Attribut "In der folgenden Tablle können Sie alle Daten zu Ihrer Schullaufbahn eintragen" ist nicht länger valide in HTML 5. Beim Durchtabben durch die Eingabefelder wird der lange Inhalt wiederholt ausgegeben (evtl. ein Screenreaderproblem).
Der Name / Status von nicht oder unrichtig ausgefüllten Formularelementen wird nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) vermittelt.
Drei Label "Fachrichtung" und das Label "Berufsausbildung als" in den Ausklappbereichen nicht mit den jeweiligen Texteingabefeldern verknüpft. Die Felder sind auch sonst nicht für nichtvisuelle Nutzung zugänglich beschrieben (etwa über title
, aria-label
, aria-labelledby
o.ä.).
Der Name / Status von nicht oder unrichtig ausgefüllten Formularelementen wird nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) vermittelt.
Vergl. auch den allgemeinen Hinweis.
Vergl. aber den allgemeinen Hinweis.
Punktabzug: 0,75 Punkte
Alternativtext des Icons zur Ausfüllhilfe ungünstig: "Grafik der" sollten nicht genannt werden (für Screenreader-Nutzer wird das ohnehin angesagt) und in "Ausfüllhilfe" hat sich anstelle des Umlauts eine Folge von Sonderzeichen eingeschlichen, die das Wort unverständlich machen.
"i" Links: title
"Weitere Informationen" und alt
"Info-Text" könnten aussagekräftiger sein, indem sie sich auf die Zeilenüberschrift "Sonstiges Fach (1)" beziehen, etwa mittels aria-labelledby
- oder einen expliziten alt
-Text, etwa "Info-Text zu Weiteres Fach 1" verwenden.
Logo Bewerbungsportal, Logo Finanzministerium des Landes Nordrhein-Westfalen: Auf das title
-Attribut sollte verzichtet werden, es ist redundant (gleichlautender Text ist neben dem bzw. im Logo bereits sichtbar vorhanden). Der title
-Text des Logos fürs Bewerbungsportal ist allerdings unrichtig.
Seitenpfad (Breadcrumb) ist als Liste angelegt. Er sollte besser einer (versteckten) Überschrift überschrieben werden oder über eine Landmark erreichbar sein. Es gibt zwar den Hinweis "Standort", aber der ist nicht als Überschrift ausgezeichnet.
(Tabelle oberhalb des Popup-Kalenders)
Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b:
Im Zuge der Angleichung an die WCAG 2.0 werden im BITV-Test beide z.Zt. noch getrennt vorhandenen Schriftvergrößerungs-Prüfschritte zukünftig zusammen genommen bewertet.
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 für beide Prüfschritte 1.4.4a und 1.4.4b zukünftig die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete wird unabhängig von dem schlechteren Ergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt.
Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b:
Im Zuge der Angleichung an die WCAG 2.0 werden im BITV-Test beide z.Zt. noch getrennt vorhandenen Schriftvergrößerungs-Prüfschritte zukünftig zusammen genommen bewertet.
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 für beide Prüfschritte 1.4.4a und 1.4.4b zukünftig die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete wird unabhängig von dem schlechteren Ergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt.
Firefox: Wählt man einen der Radio-Buttons für "Registrierung" und "Anmeldung" aus, ist es anschließend nicht mehr möglich diese Auswahl per Tastatur zu verändern.
Hinweis: Mit Screenreader NVDA aktiviert lassen sich beim ersten Durchgang die OPtionen im select
"Halbjahr" nicht mit den Pfeiltasten auswählen. Nach Vor- und wieder Zurücktsabben geht es. Evtl. ein Problem des Screenreaders.
Alternative Zugangswege nicht erforderlich, da es sich um einen Prozess handelt. Siehe jedoch Hinweise zu Prüfschritt 3.2.3a "Navigation einheitlich".
Der Unterschied zwischen der ausgewählten Unterpunkt der Navigation (Hellgrau auf Dunkelgrau) und den unausgewählten Unterpunkten (Weiß auf Dunkelgrau) ist mit 1,74:1 sehr gering. Die Position wird aber auch im Seitenpfad deutlich.
In anderen Prüfschritten bewertet: Fehlermeldungen oberhalb der Formulare sind für Screenreadernutzer nicht leicht wahrnehmbar bzw. korrigierbar (vergl. Prüfschritt 2.4.2a "Sinnvolle Dokumenttitel", 2.4.3a "Schlüssige Reihenfolge bei der Tastaturbedienung", 1.3.3a "Ohne Bezug auf sensorische Merkmale nutzbar").
Siehe allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Hinweis: Bei mehreren Texteingabefeldern wird Autovervollständigung angekündigt, ohne dass eine existiert.
Der Name / Status von nicht oder unrichtig ausgefüllten Formularelementen wird nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) vermittelt - bewertet in Prüfschritt 3.3.2a "Formularfelder richtig beschriftet".
Hinweis: Im Bereich "Ergebnis Abiturprüfung (soweit bereits abgelegt)" werden Eingabefelder mit Autovervollständigung angekündigt, ohne dass eine Autovervollständigung existiert.
Der Name / Status von nicht oder unrichtig ausgefüllten Formularelementen wird nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) vermittelt - bewertet in Prüfschritt 3.3.2a "Formularfelder richtig beschriftet".
Der Name / Status von nicht oder unrichtig ausgefüllten Formularelementen wird nicht über eine für Screenreadernutzer zugängliche Weise (etwa durch Umschreiben der vorgängigen Feldbezeichnung oder des title
-Attributs) vermittelt - bewertet in Prüfschritt 3.3.2a "Formularfelder richtig beschriftet".