Neuer Kontrast-Guide

Screenshot Kontrast-Guide axes4

Im axes4-Blog ist ein neuer Kontrast-Guide erschienen. Er liefert Antworten auf viele Fragen rund um die Kontrastmessung und Auswahl von Farben, so zum Beispiel: Was ist bei Nicht-Text-Inhalten zu beachten oder bei Texten, die auf Bilder gelegt werden? Wie lauten die Mindestkontrastwerte, die nach WCAG eingehalten werden müssen? Anhand von Beispielen werden gute und schlechte Umsetzungen demonstiert.

Guide: Dokumente für alle – wie erstellt man ein kontrastreiches Dokument?

W3C-Webstandard zu ARIA

Logo: W3C

Für die Zugänglichkeit eines Webangebots ist es wichtig, dass die Rolle (Funktion) und der Zustand von Seitenelementen vermittelt wird. Bei vielen HTML-Elementen ist diese Zuordnung klar, z.B. vermittelt <button> automatisch die Rolle „Schaltfläche“. Anders ist das bei sogenannten unsemantischen Elementen, die die Bedeutung nicht vermitteln (z.B. <span>). Diese Elemente werden insbesondere in Kombination mit Skripten eingesetzt, um dynamische Funktionalitäten zu realisieren (z.B. Akkordeon-Elemente, Slider usw.). Um Rolle und Zustand zu vermitteln, sollten unsemantische HTML-Elemente mit ARIA-Attributen ergänzt werden (z.B. <span role=“button“>).

Das W3C hat nun für ARIA einen Webstandard veröffentlicht, der die korrekte Verwendung spezifiziert. In einer Tabelle werden den HTML-Elementen mögliche ARIA-Rollen und Zustände zugeordnet, die Programmierer verwenden können. Außerdem gibt es Beispiele für die inkorrekte Nutzung.

TPGi zu den neuen WCAG-Entwürfen

Die Ende Mai öffentlich zur Diskussion gestellten Entwürfe für 9 zusätzliche WCAG-Erfolgskriterien werden in Expertenkreisen heiß diskutiert und sind nicht ganz unumstritten. Die neuen Kriterien sollen mit WCAG Version 2.2 veröffentlicht werden. Zahlreiche Kommentare und Verbesserungsvorschläge erreichten die Github-Themenseiten des W3C. TPGi, ein renommierter Partner für Barrierefreiheits-Lösungen aus den USA, stellt sein Feedback auf der firmeneigenen Internet-Präsenz gesammelt zur Verfügung.

ARIA-Live-Regionen

Die WCAG-Richtlinie 4.1.3 verlangt, dass Statusmeldungen programmatisch verfügbar sein sollen. Dynamisch erzeugte Meldungen wie „Das Produkt XY wurde in den Warenkorb gelegt“, sollten im Idealfall selbsttätig über den Screenreader ausgegeben werden. Das Problem kann mit Hilfe so genannter ARIA-Live-Regionen gelöst werden. Ein Artikel auf tollwerk.de klärt auf, was ARIA-Live-Regionen sind und wie sie umgesetzt werden können.