Punkte: 95,5 von 100 (sehr gut zugänglich)
In der mobilen Ansicht (bzw. bei starker Zoomvergrößerung) ist die Hauptnavigation über ein Ausklappmenü aufrufbar. Nach Aufruf ist das Menü aber nicht mehr über die Tastatur zu schließen (auch nicht über ESC), es entsteht eine Tastaturfalle. Die Seiteninhalte sind nun nicht mehr tastaturzugänglich.
Kompensiert wird das für Tastaturnutzer der mobilen Ansicht nicht brauchbare Hauptmenü durch die Wiederholung der Inhalte in der Sitemap im Fußbereich. Dennoch ist die Tastaturfalle nach dem über Tastatur Aufruf des Hauptmenüs (Hamburger-Icon) eine schwerwiegende Barriere.
Die Weiterlesen-Links der Teaser im Karussell sind über tabindex=-1
aus der Folge fokussierbarer Elemente entfernt und deshalb nicht tastaturfokussierbar. Alternative Links zu diesen Inhalten existieren nicht.
Siehe vor allem allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Siehe allgemeine Anmerkung.
Punktabzug: 1,5 Punkte
Das title
-Attribut des Logos verdoppelt den Alternativtext. Der Tooltip ist für sehende Nutzer redundant. Störend ist das bei Screenreadernutzung: Hier wird der fast gleichlautende Text von alt
- und title
-Attribut ggf. einstellungsabhängig zweimal ausgegeben.
Alternativtest im Karussell "Meldungen" unvollständig: Aus dem Inhalt " — zum Artikel" wird nicht klar, wohin der Link führt. Die h3
die Aufschluss geben könnte (5. Hearing „Forschung zu sexuellem Missbrauch – Vom Tabu zur gesamtgesellschaftlichen Aufgabe) folgt erst.
Vergl. auch Prüfschritt 2.4.4a "Aussagekräftige Linktexte".
Vergl. auch die allgemeine Anmerkung.
Vergl. aber die allgemeine Anmerkung.
Vergl. aber die allgemeine Anmerkung.
Vergl. aber die allgemeine Anmerkung.
Vergl. aber die allgemeine Anmerkung.
Punktabzug: 0,75 Punkte
Die Sucheingabe-Platzhaltertext in der ausklappbaren Suche (Braun auf Orange) hat nur einen Kontrast von 2,95:1 (Soll: 4,5:1). Der Platzhaltertext wird zwar an sich nicht gefordert, ist hier aber die einzige Möglichkeit, den Ort der Suchbegriff-Eingabe zu erkennen, da das Texteingabefeld nicht farblich abgesetzt oder umrandet ist.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Kontrast der Textfeldvorbelegung (hellbblau auf weiß) im Beratungsstellen-Suchformular des Inhaltsbereichs mit 2,15:1 zu gering (SOLL: 4,5:1).
Siehe auch allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
Die Tastaturreihenfolge im Karussell durchläuft zwar die Einträge Aufarbeitung, Forschung, Definition usw., aber nach Auswahl eines Eintrags können die visuell zugeordneten und im Karussell angezeigten Inhalte nur über Rückwärtsnavigieren erreicht werden. Bewertet ist dies in Prüfschritt 1.3.2b "Sinnvolle Reihenfolge".
Im Karussell werden die "Weiterlesen"-Links beim Tabben übersprungen. Siehe Bewertung in Prüfschritt 2.1.1a "Ohne Maus nutzbar".
Die Navigation durch das Tabpanel-Konstrukt unterhalb des zweiten Karussells mit den Einträgen Kinderschutz, Strafrecht, Rechtliche Hilfen ist problematisch: Die Auswahl eines Tabs liest den Eintrag und versetzt den Fokus auf Zum Bereich, Weitertabben überspringt dann aber die weiteren Tabs. Die Tabs sind durch Zurücktabben erreichbar, aber das ist für blinde Nutzer nicht offensichtlich.
Vergl. auch Bewertung in Prüfschritt 1.3.2b "Sinnvolle Reihenfolge".
Akkordion unter Welche Bestandteile haben Schutzkonzepte?:
Bei Screenreadernutzung (NVDA, Firefox) entsteht z.T. eine fehlerhafte Fokusreihenfolge. Dies kann aber auch am Browser liegen. Nach Öffnen eines Tabs, anschließend Lesen mittels Pfeiltasten und Weitertabben wird nicht der nächste Tab ausgewählt, sondern der Tastatur-Fokus springt zurück auf den weiter oben befindlichen Fließtextlink Abschlussbericht.
Punktabzug: 0,5 Punkte
Die einzig sichtbare Beschriftung der Texteingabefelder "Suchbegriff eingeben" und "PLZ/Ort" ist eine Textfeldvorbelegung, die bei Eingabe verschwindet (allerdings nach Löschen von Eingaben wieder eingeblendet wird). Ein sichtbares Label wäre sinnvoll. Vergl. auch Prüfschritt 1.4.3a "Kontraste von Texten ausreichend".
Punktabzug: 0,75 Punkte
attrid
Attribut auf div
nicht valide.
Punktabzug: 0,5 Punkte
Alternativtext "Was ist sexueller Missbrauch?" (bei einem Bild von Kindern) trägt keinerlei Aussage über den Bildinhalt (in diesem Fall: Eine Gruppe von Mädchen läuft auf dem Gehweg.)
"Was ist sexueller Missbrauch?" verdoppelt nur die Überschrift.
Wichtig wäre eine Audiodeskription zur Nennung der Sprecher / Interviewpartner. Es ist aber auch für nicht visuelle Nutzer wichtig zu wissen, wer hier spricht. Dafür ist allerdings in dem Video, so wie es jetzt geschnitten ist, nicht ausreichend Platz.
S.2-5:
Die Social-Media-Links (auf Facebook teilen, auf Twitter Teilen, auf Google plus teilen, per E-Mail versenden, Weiterleiten) sollten als Liste ausgezeichnet sein;
Siehe aber allgemeiner Hinweis.
Siehe aber allgemeiner Hinweis.
Siehe aber allgemeiner Hinweis.
Siehe aber allgemeiner Hinweis.
Hinweis: Suchergebnismeldung nicht in p
-Elementen:
"Ihre Suchanfrage brachte 2460 Ergebnisse. Bitte verfeinern Sie die Suche, um die Kartenansicht zu aktivieren." Bezüglich der Auszeichnung der Social-Media-Menüs, siehe Prüfschritt 1.3.1b.
Im oberen Karussell ist durch die Anordnung der Einträge und Karussell-Inhalte der inhaltliche Zusammenhang zwischen den über Tabben erreichbaren und mit Enter auswählbaren Einträgen und den zugeordneten h1
Überschriften mit jeweiligen Weiterlesen-Links nicht verständlich. Vergl. auch Bewertung in Prüfschritt 2.4.3a "Schlüssige Reihenfolge bei der Tastaturbedienung" und 4.1.2a "Name und Rolle von Bedienelementen verfügbar".
In dem unteren Karussell ist die Zuordnung der links angeordneten Rubrikenüberschriften (Kinderschutz, Strafrecht, Rechtliche Hilfen) zu dem Text und dem jeweiligen Link "Zum Bereich" schwierig, da in der Quelltextreihenfolge erst die Liste mit den Kategoriennamen kommen, erst anschließend die Gruppe der die Kategorien erläuternden Inhalte.
Bewertung siehe Prüfschritt 2.4.3a "Schlüssige Reihenfolge bei der Tastaturbedienung."
Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b:
Im Zuge der Angleichung an die WCAG 2.0 werden im BITV-Test beide z.Zt. noch getrennt vorhandenen Schriftvergrößerungs-Prüfschritte zukünftig zusammen genommen bewertet.
Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion 1.4.4 ausreicht, zählt im BITV-Test für beide Prüfschritte 1.4.4a und 1.4.4b zukünftig die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete wird unabhängig von dem schlechteren Ergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt.
Siehe Anmerkung bei Prüfschritt 1.4.4a
Zoomvergrößerung löst Wechsel zur einspaltigen mobilen Ansicht aus. Vergl. aber Bewertung in Prüfschritt 2.1.1a "Ohne Maus nutzbar".
In der responsiven Ansicht sind nur die ersten drei Menüpunkte sichtbar, die übrigen werden von den Links "Gebärdensprache" und "Leichte Sprache" überdeckt. Scrollen ist nicht möglich.
Es gibt Sprunglinks zu Inhalt und Suche, aber keine Landmarks und keine Bereichsauszeichnung der Navigationsbereiche.
Die gute hierarchische Inhaltsüberschriftenstruktur kompensiert dies teilweise.