ARIA – WEB for ALL https://www.web-4-all.de Barrierefrei in die Zukunft Fri, 08 Apr 2022 06:11:55 +0000 de hourly 1 https://wordpress.org/?v=6.9.4 https://www.web-4-all.de/wp-content/uploads/2012/12/webforall_klein.jpg ARIA – WEB for ALL https://www.web-4-all.de 32 32 W3C-Webstandard zu ARIA https://www.web-4-all.de/w3c-webstandard-zu-aria/ https://www.web-4-all.de/w3c-webstandard-zu-aria/#respond Mon, 13 Dec 2021 08:44:46 +0000 https://www.web-4-all.de/?p=2457
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.

]]> https://www.web-4-all.de/w3c-webstandard-zu-aria/feed/ 0 Barrierefreie Tooltips https://www.web-4-all.de/barrierefreie-tooltips/ https://www.web-4-all.de/barrierefreie-tooltips/#respond Tue, 07 Dec 2021 14:55:16 +0000 https://www.web-4-all.de/?p=2434 Unter dem Gesichtspunkt der Barrierefreiheit haben es Tooltips in sich. Native Tooltips, die über das title-Attribut bereitgestellt werden, sind für Tastaturnutzer nicht zugänglich. Mit Skripten nachgebaute Tooltips sind per se noch unzugänglicher, bieten aber zumindest das Potenzial mit Hilfe von ARIA-Semantik barrierefrei aufgebohrt werden zu können. Tollwerk liefert nun zum Thema ein Workaround.

]]> https://www.web-4-all.de/barrierefreie-tooltips/feed/ 0 ARIA-Live-Regionen https://www.web-4-all.de/aria-live-regionen/ https://www.web-4-all.de/aria-live-regionen/#respond Thu, 20 May 2021 13:21:47 +0000 https://www.web-4-all.de/?p=2319 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.

]]> https://www.web-4-all.de/aria-live-regionen/feed/ 0