Punkte: 96,75 von 100 (sehr gut zugänglich)
Trefferliste nach der Suche einer stationären Pflegeeinrichtung für Kurzzeitpflege (Eingabe: 35037 Marburg, Umkreis 5 km)
Abschnitt "Welche Arten von Prüfungen gibt es": Unter "Wiederholungsprüfungen" gibt eine Layouttabelle, die mit th
und scope
ausgezeichnet ist.
Punktabzug: 1 Punkt
Hierarchie stimmt nicht: auf die h2
Fragen & Antworten sollten h3
-Überschriften für die Hauptbereiche (Die Pflegeversicherung, Allgemeine Fragen zum Pflegelotsen, usw.) folgen. Die Ebene h3
fehlt - allerdings sind Unterbereiche als Listenpunkte oder über Durchtabben der Buttons anspringbar (bzw. über entsprechende Kurzbefehle des jeweiligen Hilfsmittels).
Punktabzug: 0,75 Punkte
Der Einschub des Suchformulars und der Karte zwischen der Überschrift der Ergebnisseite und den Fundstellen ist nicht leicht nachvollziehbar, vor allem für Tastaturnutzer, die beim Tabben das Formular erneut komplett durchlaufen müssen - besser wäre ein echter Einblendbereich mit versteckem Formular (siehe auch Hinweis in Prüfschritt 4.1.2. "Name und Rolle von Bedienelementen verfügbar").
Das Suchformular ist nur zum Teil sichtbar, der sichtbare Bereich ändert sich beim Durchtabben (etwa zum Sichtbarmachen des wichtigen Buttons Pflegeeinrichtung finden) , ist aber nicht änderbar für Mausnutzer. Die Verfügbarkeit der Suchfelder ohne sichtbare Abschickmöglichkeit kann irritierend sein. Das ist aber eher ein allgemeines Usability-Problem für Nutzer, die mal mit der Tastatur, mal mit der Maus arbeiten.
Punktabzug: 0,75 Punkte
Bei Nicht-Aktivierung der Schaltfläche "Sucheinstellungen ändern" erhalten beim Durchtabben mit der Tastatur trotzdem die weiteren Optionen unnötigerweise den Fokus. Bevor der Link "Karte einblenden" erreicht wird, folgen vier nicht gut sichtbare Tab-Positionen innerhalb der Google-Karte. Das betrifft Firefox, im Internet Explorer ist der Fokus deutlicher. Dadurch wird die Nachvollziehbarkeit der schlüssigen Reihenfolge bei Tastaturnutzung erschwert. Siehe auch Prüfschritt 2.4.7a "Aktuelle Position des Fokus deutlich" und Bewertung in 1.3.2a "Sinnvolle Reihenfolge".
Punktabzug: 0,5 Punkte
Firefox: Google-Karte: Bevor der Link "Karte einblenden" erreicht wird, ist der Fokus (im Firefox) drei Stationen nicht deutlich sichtbar.
Schwache Fokushervorhebung (nur Systemkranz) auf dem kleinen (?)-Icon in der Ergebnistabelle.
Punktabzug: 0,25 Punkte
Logos VDK Die Ersatzkassen (Kopf u. Fußbereich), Sozialwahl: Die title
-Attribute sind überflüssig, da Inhalte sowohl als alt
-Attribut als auch visuell bereits verfügbar sind. Der Text wird (abhängig von Screenreader-Einstellungen) möglicherweise doppelt ausgegeben. "Externe Seite" wäre ein angemessener Inhalt des title
-Atributs, sollte dann aber im alt
-Attribut fehlen.
Beide im Banner befindlichen verlinkten Elemente (verlinktes Logo vdek und der Textlink "Pflegelotse") führen zur Startseite des Pflegelotsen. Entsprechend der Nutzererwartung sollte ein Logo zur Startseite führen, wofür es steht, hier zur Startseite der Ersatzkassen (vdek), insofern ist es irreführend. Besser wäre, beide Links in einen Anker zu positionieren.
Die über icon fonts umgesetzten Icons im Kopfbereich brauchen keine Textalternative, es gibt nebenstehende Informationen.
Im Absatz "Wie errechnet sich der jeweilige Pflegegrad?" gibt es eine Liste, die nicht als Liste (ol/ul) ausgezeichnet wurde.
Eine Tabelle mit th
, die semantisch keinen Sinn ergibt, also eher als Layouttabelle zu betrachten ist, in Abschnitt "Wiederholungsprüfungen".
Fragezeichen-Icon neben Pflegenote hat einen Kontrast von nur 3,1:1. Erfüllung über beistehenden Text.
Button-Text Pflegeeinrichtungen und Betreuungsangebote bei 150% leicht angeschnitten.
Text im select
Bitte Auswählen bei 150% leicht angeschnitten.
Tabelle (Link "Zur Merkliste hinzufügen") passt bei 200% im responsiven Design nicht in den Viewport von 1280px (abwer erfüllt über reine Textvergrößerung).
Es gibt eine nicht verlängerbare bzw. abschaltbare Zeitbegrenzung für die Ergebnisseite. Die Länge der Zeitbegrenzung war nicht zu ermitteln, scheint aber recht lang (geschätzt eine halbe Stunde?). Zudem handelt es sich nicht um eine Seite innerhalb einer Transaktion, welche üblicherweise aus datenschutzrechtlichen oder sicherheitsrelevanten Gründen Zeitbegrenzungen unterliegen. Die Suche kann jederzeit wiederholt werden.
Bereichsauszeichnung unvollständig: kein Landmark (oder natives main
Element) für den Haupt-Inhalt. Es gibtraber eine nSprunglink zum Inhalt.
Navigation: Der Begriff "Checkliste" sollte nicht englisch ausgezeichnet sein. Liste ist klar deutsch, checken bzw. Checkliste sind eingedeutscht vorhanden.
Nicht funktionierender Menüeintrag Merkliste, wenn noch keine Einträge vorgenommen wurden.
Hier sollte bei leerer Merkliste eher ein kurzer Hinweis erscheinen, etwa "Noch keine Einträge. Hier tauchen Pflegeeinrichtungen auf, die Sie nach einer Suche der Merkliste hinzugefügt haben."
Es wäre besser, wenn Fehlermeldungen vor dem form
-Element angezeigt würden, d.h. bevor der Screenreader in den Formularmodus wechselt.
Ohne Hinweis "Fehlermeldung" (in der Überschrift o.ä.) ist die Meldung wahrscheinlich nicht so leicht zu finden.
Nicht ausgefüllte Pflichtfelder werden benannt. Es wäre hilfreich, erforderliche, aber nicht ausgefüllte Felder besser zu beschriften und damit den Fehlerstatus beim Durchtabben zu signalisieren, z.B. über die Nutzung des HTML5 required
Attributs, über eine dynamische Änderung des Labeltextes oder über eine Verknüpfung der entsprechenden Fehlermeldung über aria-describedby
(hier: am Beginn des Formulars eingeblendet).
Schalter "Kontrast" im Kopfbereich ohne programmatisch verfügbare Ausgabe des Status (aktiviert / nicht aktiviert).
Bei den Buttons Interessent und Leistungserbringer, die Inhalte einblenden, wäre aria-expanded
passender als aria-pressed".
Die Taste "Sucheinstellungen ändern" ist semantisch ein Toggle-Button und sollte mit aria-expanded
ausgezeichnet sein. Besser wäre das Verstecken der Formularinhalte über display:none
vor Aktivieren der Taste, dann entfiele die verwirrende Darstellung des Formulars in der engen horizontalen Spalte beim Durchtabben, und mehrere unnötige Fokuspositionen vor dem Erreichen der Ergebnisse (vergl. auch Bewertung in Prüfschritt 1.3.2a "Sinnvolle Reihenfolge").
Ergebnistabelle: Der Link "Zur Merkliste hinzufügen" sollte semantisch gesehen besser ein Button sein - mit Status aria-pressed
und auch visueller Änderung des Buttons (Haken?).