1. Les quatre principes fondamentaux des WCAG 2.1

L’accessibilité numérique (abrégée a11y) est une exigence légale et éthique visant à rendre les services numériques pleinement utilisables par tous, y compris les personnes en situation de handicap (visuel, auditif, moteur ou cognitif). Les directives internationales WCAG 2.1 (Web Content Accessibility Guidelines) s’articulent autour de 4 principes directeurs (POUR) :

  • Perceptible : l’information doit être perceptible par au moins un sens (textes alternatifs pour les images, contrastes colorimétriques conformes).
  • Utilisable : toute interaction doit être actionnable sans souris (navigation clavier intégrale, absence de piège au focus).
  • Compréhensible : le contenu et le comportement de l’interface doivent être prévisibles et explicites.
  • Robuste : le balisage doit pouvoir être interprété par la plus large diversité d’agents utilisateurs, dont les technologies d’assistance.

2. La passerelle WAI-ARIA (Accessible Rich Internet Applications)

La spécification ARIA enrichit le balisage HTML au moyen d’attributs préfixés par aria- et de rôles informatifs pour éclairer les technologies d’assistance sur l’état d’un composant dynamique :

<!-- Bouton bascule de menu accessible -->
<button 
    type="button" 
    aria-expanded="false" 
    aria-controls="menu-mobile" 
    aria-label="Ouvrir le menu de navigation">
    <span class="icone-burger" aria-hidden="true"></span>
</button>

<nav id="menu-mobile" hidden aria-label="Menu mobile">
    <!-- Liens du menu -->
</nav>

3. Règle d’or de l’accessibilité

Le W3C rappelle constamment : « Le meilleur code ARIA est de ne pas utiliser ARIA si un élément HTML natif existe déjà. » Privilégiez toujours un véritable bouton natif <button> plutôt qu’un <div onclick="..."> artificiel.

Synthèse pédagogique : Concevoir un web accessible n’est pas une contrainte technique additionnelle, mais la garantie d’une interface supérieure pour 100% de vos utilisateurs.

PreviousNext