Retour au blog

Accessibilité web : des bases à la conformité

8 février 20256 min de lecture
AccessibilitéWCAGUX

L’accessibilité, c’est quoi ?

L’accessibilité web (a11y) vise à ce que les sites et applications soient **utilisables par le plus grand nombre**, y compris les personnes en situation de handicap.

Principes WCAG

  • **Perceptible** : texte alternatif, contraste, sous-titres.
  • **Utilisable** : navigation au clavier, pas de piège au focus.
  • **Compréhensible** : langage clair, formulaires prévisibles.
  • **Robuste** : contenu interprétable par les technologies d’assistance.

Checklist rapide en React / Next.js

  • Utiliser une **sémantique HTML correcte** : `<main>`, `<nav>`, `<header>`, `<footer>`.
  • S’assurer que tous les boutons interactifs sont de vrais `<button>` (et pas des `<div onClick>`).
  • Ajouter des **labels explicites** aux champs de formulaires :
<label htmlFor="email" className="text-sm font-medium">
  Adresse e-mail
</label>
<input
  id="email"
  name="email"
  type="email"
  className="mt-1 w-full rounded-md border border-border px-3 py-2 text-sm"
/>
  • Tester la navigation **au clavier uniquement** (Tab, Shift+Tab, Entrée, Espace).
  • Vérifier les contrastes avec Lighthouse ou axe DevTools.

Conclusion

Intégrer l’accessibilité dès le début du projet est moins coûteux que de corriger après coup.