Vocabulaire de l'accessibilite numérique en anglais : parler a11y avec précision

L'accessibilite numérique — souvent abregée a11y ("a", 11 lettres, "y") — est devenue une exigence legale dans de nombreux pays et un standard attendu par les équipes design internationales. Savoir en parler en anglais avec précision est indispensable pour collaborer avec des équipes de développement anglophones, répondre à des briefs d'agences internationales et positionner votre pratique comme responsable et inclusive.

Le WCAG (Web Content Accessibility Guidelines) est le standard international de référence publie par le W3C. Il définit trois niveaux de conformite : À (le minimum), AA (le standard attendu par la loi europeenne et americaine) et AAA (l'excellence). Mentionnez toujours le niveau vise dans vos livrables : "This interface is designed to meet WCAG 2.2 Level AA." L'ARIA (Accessible Rich Internet Applications) est un ensemble d'attributs HTML qui ajoutent du sens semantique aux éléments interactifs pour les technologies d'assistance. En tant que designer, vous definissez l'intention — le développeur implemente les attributs ARIA correspondants. Exemple : "This custom dropdown needs an ARIA role of listbox and each option needs an ARIA role of option."

Le color contrast est l'un des critères les plus mesurables de l'accessibilite. Le WCAG AA exige un ratio d'au moins 4.5:1 pour le texte normal et 3:1 pour le texte large. Des outils comme Stark ou Colour Contrast Analyser permettent de vérifier ce ratio directement dans votre workflow. En feedback : "The button text fails color contrast — the ratio is 3.2:1, below the 4.5:1 minimum required for Level AA." La keyboard navigation garantit que tous les éléments interactifs sont accessibles sans souris, uniquement avec le clavier. Un utilisateur doit pouvoir naviguer entre les liens, les boutons et les formulaires avec la touche Tab et activer chaque élément avec Enter ou Space.

Un screen reader est un logiciel qui lit le contenu de l'écran a voix haute pour les utilisateurs malvoyants ou aveugles. NVDA, JAWS et VoiceOver sont les plus repandus. Testez vos maquettes sur au moins un screen reader avant livraison — les surprises sont frequentes. L'alt text est le texte alternatif d'une image : il décrit le contenu de l'image pour les utilisateurs qui ne peuvent pas la voir. Règle simple : si l'image est decorative, l'alt text est vide (alt=""). Si elle est informative, elle doit être decrite en une phrase claire et concise.

Le focus indicator est la bordure ou le surlignage visuel qui indique quel élément est actuellement selectionne par le clavier. Il est souvent supprime par les designers pour des raisons esthetiques — c'est une erreur grave. "The focus indicator must be visible at all times — please do not remove the outline style in CSS. WCAG 2.2 requires a minimum 3px visible focus ring." Un focus indicator bien dessine peut être à la fois visible et élégant — integrez-le dans votre design system des le début, pas en rattrapage après les retours d'audit.

Le skip link est un lien invisible par défaut qui apparait au premier appui sur Tab et permet aux utilisateurs de clavier de sauter directement au contenu principal, en évitant la navigation repetitive. "The page needs a skip link at the very top — it should read 'Skip to main content' and become visible on keyboard focus." Mentionner l'accessibilite dans votre note de handoff renforce votre crédibilité : "All interactive éléments include a visible focus indicator designed to meet WCAG 2.2 AA." Cette phrase positionne votre pratique à un niveau de rigueur professionnelle encore rare et très valorisée.