Coder accessible
Ce chapitre est un pas à pas des codes HTML et CSS respectueux des principes d'accessibilité numérique.
L’accessibilité numérique consiste à rendre les supports numériques (web, applications mobiles, documents bureautiques) :
- Perceptible : L’information et les composants de l’interface utilisateur doivent être présentés à l’utilisateur de façon à ce qu’il puisse les percevoir ;
- Utilisable simplement : Les composants de l’interface utilisateur et de navigation doivent être fonctionnels et utilisables simplement ;
- Compréhensible : Les informations et l’utilisation de l’interface utilisateur doivent être compréhensibles ;
- Robuste : Optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d’assistance.
Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales.
Tim Berners-Lee, inventeur du web.
Nous allons explorer quelques principes et règles à appliquer au cours de l’élaboration des pages web. Nous nous référerons à certains termes dont voici la définition (un glossaire plus complet est disponible dans la rubrique Ressources - Glossaire) :
- RGAA : Référentiel Général d’Amélioration de l’Accessibilité
- Le RGAA permet de contrôler l’accessibilité d’un site et de ses contenus suivant les normes internationales de l’accessibilité numérique connues sous l’appellation de WCAG. Les criètres du RGAA correspondent au niveau AA du WCAG.
Le RGAA définit une méthode technique et propose un cadre opérationnel de vérification de la conformité aux exigences d’accessibilité. Elle comporte 106 critères de contrôle RGAA incluant une moyenne de 2,5 tests par critères. - Site web RGAA
- W3C : World Wide Web Consortium
- Le W3C est un organisme de standardisation à but non lucratif, fondé en octobre 1994 par Tim Berners-Lee et chargé de promouvoir la compatibilité des technologies du World Wide Web.
- Site web W3C
- WAI : Web Accessibility Initiative
- L’initiative WAI développe des normes et des supports pour aider les développeurs à comprendre et à mettre en œuvre l’accessibilité.
- Site web WAI
- WAI-ARIA : Web Accessibility Initiative - Accessible Rich Internet Applications
- WAI-ARIA ( ou ARIA ) est un ensemble de rôles et d’attributs qui définissent comment rendre le contenu et les applications web accessibles (notamment développés avec JavaScript). ARIA complète HTML afin que les éléments interactifs et les widgets puissent être utilisés par les outils d’assistance quand les fonctionnalités standard ne le permettent pas. Ainsi, ARIA permet de rendre accessible les widgets JavaScript, les indications dans les formulaires, les messages d’erreur, les mises à jour dynamiques du contenu, …
La première règle d’ARIA s’énonce ainsi :Si vous pouvez utiliser un élément natif HTML ou un attribut avec la sémantique et le comportement voulu qui existe nativement, faites-le plutôt que d’utiliser un autre élément en lui ajoutant un rôle, un état ou une propriété ARIA afin de le rendre accessible.
. Autrement dit, la première règle d’ARIA est de ne pas utiliser ARIA ! - Site web WAI-ARIA
- WCAG : Web Content Accessibility Guidelines
- Le WCAG est le standard international des normes pour rendre les contenus web accessibles. Le WCAG consiste en 12 directives principales organisées en 4 principes (le contenu doit être perceptible, utilisable, compréhensible et robuste) et chacune de ces directives est accompagnée de critères de succès à évaluer.
Le WCAG utilise trois niveaux d’accessibilité :- Niveau A : Les développeurs web doivent satisfaire ces conditions, sinon il sera impossible à un ou plusieurs groupes d’accéder au contenu du web.
- Niveau AA : Les développeurs web devraient satisfaire ces conditions, sinon certains groupes éprouveront des difficultés à accéder au contenu du web.
- Niveau AAA : Les développeurs web peuvent satisfaire ces conditions dans le but de faciliter l’accès au web pour certains groupes.
- Site web WCAG