Punkte: 91,25 von 100 (gut zugänglich)
Die Prüfung erfolgt mit https://validator.w3.org/nu. Bei der Bewertung werden nur WCAG 2.0 relevante Fehler berücksichtigt. Siehe dazu: https://www.paciellogroup.com/blog/2012/02/wcag-2-0-parsing-error-bookmarklet/
Punktabzug: 2 Punkte
Falsche Eingaben müssen für den Nutzer erkennbar sein. Bei fehlerhafter Eingabe erfolgt unter dem Eingabefeld ein entsprechender Hinweis. Für sehende Nutzer ist die Verknüpfung Eingabefeld und Warnhinweis klar. Für blinde Nutzer mit Screenreader fehlt diese Verbindung. Eine Möglichkeit wäre es, die Fehlermeldung in die jeweilige Feldbezeichnung zu integrieren, per WAI-ARIA zu verknüpfen oder mit Hilfe von Live-Regionen bzw. Benachrichtigungen (ARIA alertdialog) bereitzustellen.
Punktabzug: 1 Punkt
Die Links zu den Terminen am Ende der Seite sind aus semantischer Sicht keine Überschriften und sollten deshalb nicht als HTML-Überschriften ausgezeichnet sein.
Punktabzug: 0,75 Punkte
Die Bereiche des Formulars sind visuell mit Überschriften gegliedert (z.B. "Ihre Adresse" oder "Erreichte Abschlüsse und Erfahrungen").
Die Gliederung sollte hier mit einzelnen fieldsets für die Bereiche erfolgen. Die "Überschriften" sollten innerhalb der fieldsets mit dem legend-Element ausgezeichnet werden.
(Momentan gibt es nur ein fieldset für das komplette Formular mit einer nichtssagenden legend ("Anfrageformular")).
Punktabzug: 0,5 Punkte
Box "Stellen- und Fachkräftebörse" die Überschrift ist unterhalb der Inhalte "Stellenangebote" positioniert.
(Betrifft auch "Termine" und "News").
Punktabzug: 0,75 Punkte
Alle Seiten:
Hauptnavigation (nur nicht aktive Links in der linken und rechten Spalte: 3.90 (SOLL: 4,5) (Vordergrund: 4675a1, Hintergrund: e6e6e6, font size: 13.5pt, font weight: bold)
Sitemap im Footer:
Überschriften: 2.79 (SOLL: 4,5) (Vordergrund: 41a4d9, Hintergrund: ffffff, font size: 9.4pt, font weight: bold)
Links: 3.84 (SOLL: 4,5) (Vordergrund: 828282, Hintergrund: ffffff, font size: 9.4pt, font weight: normal)
Social Media / Share-Buttons "tweet" 2.46 (SOLL: 4,5) (Vordergrund: ffffff, Hintergrund: 55acee, font size: 9.0pt, font weight: normal)
Punktabzug: 0,5 Punkte
Funktion: "Newsletter-Abo" (innerhalb der Box auf der Startseite) funktioniert nicht. Die Formularfelder werden bei Tastaturbedienung nicht eingeblendet.
Punktabzug: 0,75 Punkte
Box "Stellenangebote": Animierter Text, keine Möglichkeit zum stoppen/pausieren vorhanden.
Punktabzug: 0,5 Punkte
Der Breadcrumb auf den Unterseiten ist verwirrend da das erste Element des Breadcrumbs "Beratung für Fachkräfte und Unternehmens in Sachsen-Anhalt" (Link zur Homepage) in der Form vorher nicht auftaucht. "Fachkraft im Fokus" bzw. "Home" o.ä. wäre hier richtig.
Zudem ist der Breadcrumb nicht durchgängig vorhanden. Siehe z.B.: http://www.fachkraft-im-fokus.de/stellen-und-fachkraefteboerse/
Punktabzug: 0,75 Punkte
Funktion: "Newsletter-Abo": Kein label-Element für die Eingabefelder vorhanden.
Punktabzug: 0,75 Punkte
Mobiles Layout: Der Menu-Button und das Menu sind nicht mit den entsprechenden ARIA-Rollen und Zuständen ausgezeichnet (siehe: http://w3c.github.io/aria-practices/#menubutton
Punktabzug: 0,5 Punkte
