Aller au contenu
Miraat·dweb developer journey, reflected

Accessibilité Web (a11y)

Construire des sites qui marchent aussi avec lecteurs d'écran, clavier, faible contraste, mobilité réduite.

Foundation 30 minutes Prérequis: HTML Sémantique

Les 4 règles pratiques

  1. Chaque image a un alt descriptif (vide si décoratif).
  2. Chaque input a un <label> associé.
  3. Tout est atteignable au clavier, avec un focus visible.
  4. Contraste AA sur le texte (au moins 4.5:1).

Exemples

<img src="logo.svg" alt="">
<label for="email">Email</label>
<input id="email" type="email">
<button>Envoyer</button>

Testez avec axe DevTools, Lighthouse, et — le vrai test — au clavier uniquement.

Ressources recommandées