Auf Seite 3 wird nicht die Suche, sondern die Suchergebnisse nach Eingabe von "Inklusion" geprüft.
Punkte: 93,25 von 100 (gut zugänglich)
aria-expanded
-Attribut (betrifft auch die Untermenüs mit weiteren Untermenüs). Ohne diesen Hinweis ist eine nicht visuelle Navigation des Hauptmenüs kaum möglich.aria-expanded
-Attribut, um den Zustand (erweitert/reduziert) zu vermitteln. Beim Zurücktabben im geöffneten Menü lautet der Button zum Schließen "Menü öffnen".Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Das Akkordeon-Menü unter "Das Wichtigste zum Dualen Studium" benötigt eine Rolle. Die Pfeile zum auf-zuklappen der Menüpunkte sollten dabei den Zustand (erweitert/reduziert) vermitteln. Zur empfohlenen Umsetzung siehe: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/accordion/accordion.html
Punktabzug: 1,5 Punkte
Die Alternativtexte der Grafiken im Slider "Neuigkeiten" sind zu lang. Alternativtexte ersetzen das Bild, sie sollen also (wenn möglich) dieselbe Aufgabe erfüllen wie das Bild. Es sollte kurz und knapp beschrieben werden, was man sieht und nicht den title
-Text wiederholen. Ausführliche Beschreibungen wie auch Quellenangaben gehören nicht in den Alternativtext. Beispiel: "Walter Picard Preis": Der Alternativtext könnte lauten "Siegerehrung" o.ä.
Die PDF-Symbole sollten einen Alt-Text haben, siehe Anmerkung und Bewertung Prüfschritt 2.4.4a - Aussagekräftige Linktexte.
Punktabzug: 0,5 Punkte
Betrifft die responsive Ansicht:
Die Pfeile zum Aufklappen der Untermenüs sollten vor Screenreadern versteckt sein. Zur Zeit ist die Ausgabe im Screenreader "größer als".
Siehe dazu auch Prüfschritt 4.1.2a Name, Rolle, Wert verfügbar
Punktabzug: 0,25 Punkte
Die h3
"Kaufleute für Büromanagement" im Slider gehört logisch zu "Engagierter Nachwuchs", semantisch ist sie aber der h2
"Vom Glück der Arbeit" untergeordnet. Konsistent mit den anderen Sliderelementen wäre eine Auszeichnung von "Kaufleute für Büromanagement" mit dem Absatz Element p
.
Besser noch wäre es die Dachzeilen in die Überschriften zu integrieren.
"Weitere Informationen" sollte als Überschrift ausgezeichnet sein.
Entweder sollte die vorhandene visuelle Überschrift "Suche nach "Inklusion"" als Überschrift (h2) ausgezeichnet oder eine zusätzliche h2-Überschrift "Suchergebnis" davor eingefügt werden.
Siehe Seite 2.
Punktabzug: 0,75 Punkte
Die Inhalte des Karussells "Neuigkeiten" sollte als Liste ausgezeichnet sein (siehe richtige Umsetzung oberes Karussell).
Die Aufzählung der Vorteile eines Dualen Studiums ist von der Funktion her eine Liste und sollte als Liste ausgezeichnet werden.
Punktabzug: 0,5 Punkte
Probleme bei der interaktiven Karte (getestet unter Windows 10 mit NVDA 59.02 und JAWS 2018):
Im Internet Explorer werden die Gebiete zwar angesprungen, im NVDA-Screenreader ist aber keine Ausgabe.
In Mozilla Firefox wird die Karte übersprungen, wenn am Anfang der Seite der Sprunglink "Navigation überspringen" gewählt wurde. Nur nach einem Rückwärtstab (Shift+Tab) gelangt man in die Karte und kann die Gebiete mit weiteren Rückwärtstabs anspringen.
Siehe dazu Bewertung in Prüfschritt 2.4.3a Schlüssige Reihenfolge bei Tastaturbedienung.
Eine Alternative (z.B. ein Link auf eine Seite mit einer Darstellung als Liste) ist nicht vorhanden.
Punktabzug: 0,75 Punkte
Der Inhaltsbereich ist nicht mit main
ausgezeichnet. Wenn die HTML5 Bereichselemente eingesetzt werden, sollte dies auch konsequent für alle Hauptbereiche der Seite beibehalten werden. Direkt vor dem Inhaltsbereich ist zwar eine versteckte h1
vorhanden, die wiederholt aber nur den Titel der Seite.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
In Mozilla Firefox wird nach Auslösen des Sprunglinks "Navigation überspringen" der Fokus auf das erste Element NACH der interaktiven Karte gesetzt. Wenn das gesamte Menü vorher mit der Tastatur durchlaufen wird ist das Verhalten wie erwartet.
Punktabzug: 0,5 Punkte
Die drei Links zur Wegbeschreibung mit dem gleichen Linktext "Anfahrt" sind für Screenreader-Nutzer schwierig zu unterscheiden. Die Information im title
-Attribut ist nicht ausreichend. Mit Hilfe von aria-label
- oder aria-labelledby
sollte die Information ergänzt werden.
Siehe allgemeine Anmerkungen.
Kein Hinweis auf das PDF-Format bei den Stellenangeboten vorhanden.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
br
-Tags, die, weil offen, Teil der Linktexte sind.Siehe allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
Die Fokushervorhebung in der interaktiven Karte im Internet Explorer ist nicht deutlich genug.
Punktabzug: 0,25 Punkte
Bei Tastaturbedienung des Menüs "Bitte Thema wählen" aktiviert die Escape-Taste zum Verlassen des Menüs automatisch den Filter des zuletzt aktivierten Eintrags.
Punktabzug: 0,5 Punkte
Alle Seiten:
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Zwei leere Absatz-Elemente unter dem Text "Für das Ausbildungsjahr 2019 können Sie sich vom 01.07.2018 bis 20.09.2018 bewerben. "
"Bachelor of Arts Public Administration" sollte mit dem lang
-Attribut ausgezeichnet sein.
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/