Les 4 règles pratiques
- Chaque image a un
altdescriptif (vide si décoratif). - Chaque input a un
<label>associé. - Tout est atteignable au clavier, avec un focus visible.
- 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.