Ressources et glossaire de l'accessibilite web

Cette page sert de point de reference pour la terminologie de l'accessibilite, les normes officielles, les outils et les lectures complementaires. Ajoutez-la a vos favoris et revenez chaque fois que vous devez rechercher un concept ou trouver une ressource.

Glossaire des termes de l'accessibilite web

Arbre d'accessibilite — Une representation simplifiee du DOM que les navigateurs creent pour les technologies d'assistance. Il contient les informations semantiques sur les elements de la page — leurs noms, roles, etats et proprietes — que les lecteurs d'ecran et autres technologies d'assistance utilisent pour presenter le contenu aux utilisateurs.

Texte alternatif (Alt Text) — Une description textuelle du contenu non textuel, le plus souvent des images. Le texte alternatif est lu a voix haute par les lecteurs d'ecran et affiche lorsque les images ne se chargent pas. Il doit decrire l'objectif ou le contenu de l'image, et non simplement son apparence visuelle.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Une specification du W3C qui fournit des attributs HTML supplementaires pour ameliorer l'accessibilite du contenu web dynamique et des widgets personnalises. ARIA ajoute des informations semantiques pour les technologies d'assistance lorsque la semantique HTML native est insuffisante.

Technologie d'assistance — Materiel ou logiciel que les personnes en situation de handicap utilisent pour interagir avec le contenu numerique. Les exemples incluent les lecteurs d'ecran (JAWS, NVDA, VoiceOver), les loupes d'ecran, les claviers alternatifs, les contacteurs, les logiciels de reconnaissance vocale et les systemes de suivi oculaire.

Conformite — Le degre auquel le contenu numerique repond aux exigences d'un niveau WCAG specifique. La conformite complete a un niveau donne signifie que tous les criteres de succes a ce niveau et en dessous sont satisfaits pour l'ensemble de la page.

EAA (European Accessibility Act) — Directive UE 2019/882 exigeant l'accessibilite des produits et services, y compris l'e-commerce, la banque, le transport et les telecommunications. Applicable depuis le 28 juin 2025.

EN 301 549 — La norme europeenne harmonisee pour l'accessibilite des TIC. Elle integre le WCAG pour le contenu web et fournit des exigences supplementaires pour les logiciels, les documents, le materiel et les technologies de communication. La conformite a la norme EN 301 549 cree une presomption de conformite a l'EAA.

Indicateur de focus — Un indicateur visuel (generalement un contour ou une surbrillance) qui montre quel element de la page a actuellement le focus clavier. Essentiel pour la navigation au clavier.

Repere (Landmark) — Une region d'une page qui a ete identifiee comme ayant un objectif structurel specifique, permettant aux utilisateurs de technologies d'assistance de naviguer directement vers elle. Les reperes courants incluent banner, navigation, main, complementary et contentinfo. Crees par les elements de sectionnement HTML5 ou les roles de repere ARIA.

Region live — Une zone d'une page web qui se met a jour dynamiquement et dont les modifications doivent etre annoncees par les technologies d'assistance sans que l'utilisateur ait besoin de naviguer vers cette zone. Definie en utilisant l'attribut aria-live avec les valeurs "polite" (annonce a la prochaine pause opportune) ou "assertive" (annonce immediatement).

POUR — Les quatre principes du WCAG : Perceptible, Utilisable (Operable), Comprehensible (Understandable), Robuste. Toutes les directives et criteres de succes du WCAG sont organises selon ces principes.

Lecteur d'ecran — Logiciel de technologie d'assistance qui convertit le contenu a l'ecran en sortie vocale ou braille. Les lecteurs d'ecran interpretent l'arbre d'accessibilite pour presenter le contenu, naviguer dans la structure de la page et interagir avec les controles.

HTML semantique — Balisage HTML qui transmet un sens sur le contenu qu'il contient, par opposition a la simple definition de son apparence. Utiliser <nav> au lieu de <div class="nav">, <button> au lieu de <span onclick>, et <h2> au lieu de <div class="heading"> sont des exemples de HTML semantique.

Lien d'evitement (Skip Link) — Un mecanisme de navigation, generalement le premier element focalisable d'une page, qui permet aux utilisateurs du clavier de contourner les blocs de contenu repetes (comme les menus de navigation) et d'acceder directement au contenu principal.

Critere de succes — Une exigence specifique et testable au sein du WCAG. Chaque critere de succes se voit attribuer un numero (par exemple, 1.4.3), un nom descriptif (Contraste — Minimum) et un niveau de conformite (A, AA ou AAA).

VPAT (Voluntary Product Accessibility Template) — Un format de document standardise utilise pour decrire comment un produit ou un service est conforme aux normes d'accessibilite. Les VPAT sont couramment requis dans les processus d'approvisionnement, en particulier dans le secteur public americain.

WCAG (Web Content Accessibility Guidelines) — La norme internationale pour l'accessibilite web publiee par le W3C. La version actuelle est WCAG 2.2, contenant 86 criteres de succes organises selon quatre principes et treize directives.

Normes et specifications officielles

• WCAG 2.2 — La recommandation W3C actuelle pour l'accessibilite du contenu web : w3.org/TR/WCAG22/
• Comprendre WCAG 2.2 — Explications detaillees de chaque critere de succes : w3.org/WAI/WCAG22/Understanding/
• Techniques pour WCAG 2.2 — Techniques d'implementation specifiques : w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — La specification ARIA actuelle : w3.org/TR/wai-aria-1.2/
• Guide des pratiques de creation ARIA — Modeles d'implementation pour les widgets accessibles : w3.org/WAI/ARIA/apg/
• EN 301 549 — Norme europeenne d'accessibilite des TIC
• European Accessibility Act — Texte integral de la Directive 2019/882

Outils de test

Outils de test automatises gratuits : extension de navigateur axe DevTools, extension de navigateur WAVE, Google Lighthouse (integre dans Chrome), IBM Equal Access Accessibility Checker, Pa11y (ligne de commande).

Verificateurs de contraste : WebAIM Contrast Checker, Colour Contrast Analyser (application de bureau), selecteur de couleur Chrome DevTools avec ratio de contraste.

Lecteurs d'ecran pour les tests : NVDA (gratuit, Windows), VoiceOver (integre dans macOS et iOS), TalkBack (integre dans Android), JAWS (commercial, Windows).

Outils de developpement du navigateur : panneau Accessibilite de Chrome, inspecteur d'accessibilite de Firefox, fonctionnalites d'accessibilite d'Edge DevTools.

Pour aller plus loin

• W3C Web Accessibility Initiative (WAI) — La source la plus autorisee de directives et de normes d'accessibilite : w3.org/WAI/
• WebAIM — Ressources pratiques et formations sur l'accessibilite : webaim.org
• The A11Y Project — Ressource communautaire sur l'accessibilite : a11yproject.com
• Deque University — Cours et certifications gratuits en accessibilite : dequeuniversity.com