Voici quelques exemples concrets pour comprendre dans quels cas les live regions ARIA sont appropriées, et dans quels cas il faut au contraire les éviter.
WAI-ARIA (qui sera abrégé ARIA à partir de maintenant) décrit comment ajouter de la sémantique par l'ajout de rôles, de propriétés ou d'états d'information aux contenus HTML afin de transmettre correctement les comportements de l'interface utilisateur et des informations structurelles aux technologies d'assistance.
TL;DR #
aria‑label, aria‑labelledby, and aria‑describedby can all be used to bring extra clarity to a given element when it's exposed to assistive technology.
aria‑label overrides an element's name with contents you specify.
aria‑labelledby replaces an element's name with contents from another node on the page. You'd use this when you'd already have a visible label anyways.
aria‑describedby sets your element's description to the contents of another node on the page. This is great for noncritical, supplemental information.
Explications de comment rendre accessible des éléments canvas avec Aria
La référence de comment Jaws gère les role aria (Jaws est un outil payant utilisé par les aveugles pour lire des pages web)
Une extension pour visualiser les rôles ARIA
Une extension Firefox pour évaluer l'accessibilité d'un site en tenant compte d'HTML5 et ARIA
Un carousel qui respecte les normes d'accessibilité. Pour voir les fichiers, remonter au niveau du dossier.
Une pagination rendue accessible avec ARIA
Un plugin jquery pour transformer une liste déroulante en slider accessible (ARIA)
Cet article est destiné à des personnes ne connaissant pas ARIA. Vous devriez avoir une bonne connaissance du langage HTML et des problèmes que peuvent rencontrer les personnes handicapées sur le web. Connaître quelques application web “riches” (RIA) d’un point de vue utilisateur serait un plus.
Après avoir lu cet article, vous comprendrez à quoi sert ARIA, comment l’intégrer à vos sites, et comment l’utiliser dès immédiatement et même sur le plus simple des sites pour le rendre plus accessible.
Implémentation de la norme ARIA en jQuery