Punkte: 91,5 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
Betrifft alle Seiten in der responsiven Ansicht:
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 1 Punkt
Betrifft alle Seiten:
aria-hidden="true"
). Betrifft die Icons für "Drucken" etc., das Suchsymbol, das Hamburger Icon in der responsiven Ansicht, die Pfeile des Untermenüs in der responsiven Ansicht und die Buttons für Social Media.title
-Attribut reicht nicht, weil es nicht zuverlässig von allen Screenreadern ausgegeben wird und ist außerdem auf Englisch (Close (Esc)).aria-hidden="true"
versteckt werden.Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
aria-label
ausgezeichnet die beide den gleichen Wortlaut wie die daneben stehende Textlinks haben. Ein Screenreadernutzer hört damit insgesamt den Wortlaut des Textlinks 3-mal. Auf das aria-label
von article
sollte in jedem Fall verzichtet werden. Besser wäre es die Grafiken gemeinsam mit dem Textlink in einem Link zu haben und auf beide aria-label
zu verzichten.Punktabzug: 0,75 Punkte
Betrifft alle Seiten:
Die Gliederung der Überschriften entspricht nicht der inhaltlichen Logik.
Der h3-Überschrift "Online-Angebote des vdek" folgen die h4-Überschriften "Bereiche", "Folmales", "Empfehen".
Siehe Seite 1, hier sind die Überschriften h4
unter der h3
"Online-Angebote des vdek" semantisch nicht richtig.
Die redundante versteckte Überschrift h3
"Verband der Ersatzkassen" ist auch für Screenreader nicht sichtbar und überflüssig.
Alle Überschriften h3
(ab "Durchschnittlicher Zusatzbeitrag 2018") sind semantisch der letzten h2
"Eine Million Wähler mehr:...") unterstellt und alle Überschriften h4
auf der rechten Seite sind semantisch der Überschrift h3
"Veranstaltung: Health 2017 am 11. und 12. Dezember in Berlin" unterstellt. Entweder müssten die Ebenen der Überschriften entsprechend geändert werden oder es sollten (versteckte) Überschriften hinzugefügt werden (siehe versteckte Überschrift "Seite teilen").
Siehe Seite 1.
Punktabzug: 0,75 Punkte
Die blauen Links im Fließtext benötigen eine zusätzliche Hervorhebung.
Der Link "hier" steht im Fließtext und sollte zusätzlich hervorgehoben werden (z.B. Fettung, Unterstreichung).
Punktabzug: 0,25 Punkte
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,75 Punkte
Betrifft alle Seiten:
aria-label
für den Bereich der Sprunglinks lautet "Tabnavigation". Besser wäre "Sprunglinks".Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Der Sprunglink "Zur Marginalspalte springen" führt auf dieser Seite zu der sehr wichtigen Unternavigation im Inhaltsbereich und nicht zu einer Marginalspalte.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
Bei Seiten 2- 4 fehlen die allgemeinen Bezeichnungen des Auftritts (vdek).
Punktabzug: 0,5 Punkte
Es fehlt ein Hinweis auf die Verlinkung auf ein PDF-Dokument:
Link "Daten:Gesundheitsversorgung in Hamburg"
Punktabzug: 0,5 Punkte
Betrifft alle Seiten:
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,25 Punkte
Punktabzug: 0,5 Punkte
aria-expanded
vermittelt werden.aria-expanded
vermittelt werden. Beispiel zur Umsetzung des Untermenüs siehe http://w3c.github.io/aria-practices/#accordion.Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,75 Punkte
Betrifft alle Seiten:
Die Linkliste der Landesvertretungen am Ende der Seite ist zwar visuell geteilt, semantisch sollte sie aber in einer Liste stehen.
Nicht geeignet ist die Listenauszeichnung des Öffnen-Links (bei Gesundheitsversorgung in Hamburg), da es nur ein Listenelement an der Stelle gibt.
p
ausgezeichnet.p
ausgezeichnet.Die hervorgehobenen wichtigen Inhalte unter "Jetzt bewerben" (z.B. Datum und Preis) sollten mit strong
anstelle von b
ausgezeichnet sein.
Textteil "Stand 30.11.2017" ist nicht mit dem p-Element ausgezeichnet.
Es wäre besser (besonders für die 3 spaltigen Tabellen), die Daten der linken Spalte mit th
auszuzeichnen.
Über "Online-Angebote des vdek" "Ulrike Elsner..." (#7f8182:ffffff#) 3,91:1
Über "Online-Angebote des vdek" "Kathrin Herbst..." (#7f8182:ffffff#) 3,91:1
Siehe Seite 1.
Siehe Seite 1.
Die Elemente zum Stoppen und Weiterblättern des Sliders sollten vor dem Slider positioniert sein. In der Tabreihenfolge ist das auch so umgesetzt. User die eine Vergrößerungssoftware benutzen haben es aber leichter wenn die Buttons auch visuell vor dem Slider positioniert sind, weil sie immer nur einen kleinen Ausschnitt der Seite sehen.
"Health" sollte mit dem lang
-Attribut ausgezeichnet sein.