Punkte: 92,75 von 100 (gut zugänglich)
Nach Auswahl von "Branche wählen" öffnet sich einen Lightbox. Beim nächsten Tab wandert man allerding wieder im Seitenhintergrund, erst später kommt man in die Lightbox. Dasselbe gilt für die weiteren Lightboxen (Auswahl einer Branche oder Branchenauswahl-Hilfe). Dies erschwert die Nachvollziehbarkeit der Tab-Reihenfolge sehr.
Siehe allg. Anmerkungen.
Slider: Die Nachvollziehbarkeit der Tabreihefolge wird erschwert, da der Fokus über mehrere Stationen (6x) nicht sichtbar ist (fehlende Fokushervorhebung der Bedienelementen).
Siehe allg. Anmerkungen.
Siehe allg. Anmerkung.
Siehe allg. Anmerkung.
Siehe allg. Anmerkung.
Punktabzug: 1 Punkt
Punktabzug: 1 Punkt
"Nutzen Sie unsere praktische Suchfunktion!" sollte besser als h2-Überschrift ausgezeichnet werden, da sie sich inhaltlich der Hauptüberschrift unterordnet.
Punktabzug: 0,75 Punkte
Lightbox "Hier Branche wählen": "Sie wissen nicht, welcher Branche Sie angehören? Wir helfen Ihnen..." ist nicht mit einem Absatzelement gegliedert.
Siehe allg. Anmerkung.
Die beiden Radiobutton "Datum" und "Entfernung" sollten mit fieldset gegliedert sein, mit einer gemeinsamen legend "Sortierung".
Punktabzug: 0,5 Punkte
Das Logo hat einen transparenten Hintergrund und kann bei bestimmten benutzerdefinierten Farbeinstellungen nicht oder schlecht sichtbar sein.
Siehe allg. Anmerkung.
Siehe allg. Anmerkung.
Siehe allg. Anmerkung.
Siehe allg. Anmerkung.
Tab-Panel: Bei benutzerdefinierten Farben wird visuell nicht mehr deutlich, welcher Reiter ausgewählt ist. Die Überschrift wiederholt zudem nicht den Text des Reiters.
Siehe allg. Anmerkung.
Punktabzug: 0,5 Punkte
Die Schließen-Schaltfläche der Lightbox ("Branche wählen") ist mit der Tastatur nicht erreich- und bedienbar. Das Schließen über "Esc" ist nicht dokumentiert. Bzgl. der Lightbox einer einzelnen Branche gibt es neben dem nicht zugänglichen Schließen-Button einen zusätzlichen "Abbrechen"-Button, der bedienbar ist.
Siehe allg. Anmerkung.
Bzgl. Pause-Button Slider siehe Bewertung PS "Aktuelle Position des Fokus sichtbar".
Siehe allg. Anmerkung.
Lightbox "Seite weiterempfehlen": Die beiden Bedienelemente "Abbrechen" und "Schließen" sind mit der Tastatur nicht erreichbar.
Siehe allg. Anmerkung.
Suchfunktion für Schulungstermin: Klickt man in die Formularfelder "Datum von" oder "bis" wird jeweils ein Datepicker eingeblendet, die mit der Tastatur nicht bedient werden können. Besser wäre, wenn die Datepicker dann bei Tastaturbedienung nicht eingeblendet werden. Man kann jedoch das Datum direkt eingeben. Eine Feldvorbelegung zeigt an, welches Format akzeptiert wird.
Siehe allg. Anmerkung.
Die Schließen-Schaltflächen der Bildvergrößerungen (Lightboxen) sind mit der Tastatur nicht bedienbar.
Siehe allg. Anmerkung.
Punktabzug: 0,75 Punkte
Punktabzug: 0,5 Punkte
Alle Seiten, Styleswitcher "Schriftgröße": Der Linktext - in diesem Falle dient das title-Attribut ("Schriftgröße") für sehende Nutzer als Linktext - ist nicht aussagekräftig. Der Nutzer erwartet bei drei unterstrichenen "A", dass es sich um drei getrennte Bedienelemente handelt, mit je einer Funktion zur Schriftvergrößerung/-verkleinerung (klein, mittel, groß). Stattdessen führt hier aber der Link auf eine Hilfe-Seite, auf der erklärt wird, wie die Schriftgröße geändert werden kann. Das muss über den Linktext vermittelt werden.
Punktabzug: 0,25 Punkte
PDF-Flyer "Gesund am PC arbeiten: weder im Linktext noch im title-Attribut oder im angrenzenden Fließtext wird auf das Datei-Format hingewiesen.
PDF-Datei Kurzanleitung: Linktext, title-Attribut oder im angrenzenden Fließtext wird nicht auf das Datei-format hingeiwesen.
Punktabzug: 0,25 Punkte
Punktabzug: 0,25 Punkte
nicht ausgezeichnet "Beauty", "Health & Style",
Keine anderssprachigen Wörter vorhanden.
Keine anderssprachigen Wörter vorhanden.
Keine anderssprachigen Wörter vorhanden.
Keine anderssprachigen Wörter vorhanden.
Punktabzug: 0,25 Punkte
label
steht und nicht nur als Textvorbelegung gegeben ist. Diese wird dem Screenreadernutzer nicht ausgegeben.label
der beiden Selects "Branche" und "Entfernung" sind nicht mit dem entsprechenden Formularfeld verknüpft.Punktabzug: 0,75 Punkte
Tab-Panel: Die Reiter sind zwar mit WAI-ARIA ausgezeichnet (aria-expanded) und der Zustand wird bei Auswahl eines Reiters korrekt angesagt ("erweitert"), zusätzlich wird jedoch "nicht verfügbar" ausgegeben, was zu Irritierungen beim Nutzer führen kann. (FF/NVDA: "erweitert - nicht verfügbar").
Akkordeon: Der Zustand der Akkordeon-Panels wird nicht wiedergegeben (reduziert, erweitert). Für blinde Nutzer ist das Modul dadurch schwer verstänlich. Sie aktivieren eine Link und Inhalt wird eingeblendet, ohne Rückmeldung.
Punktabzug: 0,5 Punkte
Da das Symbol für Gebärdensprache und leichte Sprache jeweils mit dem nebenstehenden Text gemeinsam verlinkt sind, kann der alt-Text der Grafik jeweils leer sein (alt=""). Die Grafik wird vom Screenreader dann übersprungen und es kommt nicht zu Redundanzen.
Die Teaserblöcke (auch im Slider S.1) sind in der Regel dreimal verlinkt (Grafik, Überschrift und Teasertext). Dies ist für blinde Nutzer nicht sehr nutzerfreundlich.
Der Alternativtext verlinkter Grafiken sollte eigentlich in erster Linie das Linkziel nennen und nur wenn relevant zusätzlich das Bild beschreiben. Hier gibt es meist nur eine Bildbeschreibung. Da aber in der Regel eine verlinkte Überschrift folgt, wird das nicht negativ bewertet.
Bzgl. Pause-Button Slider siehe Bewertung PS "Aktuelle Position des Fokus sichtbar".