Checkpoint accessibilité HTML
Objectifs
- Vérifier titres, contrastes textuels, focus
- Utiliser landmarks
- Préparer un audit manuel simple
Cours
L’accessibilité n’est pas un bonus de fin de projet : elle commence en HTML. Landmarks (header/nav/main/footer) = carte pour les lecteurs d’écran.
Ordre de focus clavier = ordre du DOM. Un beau design qui casse le focus est un bug produit.
Contraste texte/fond : vise WCAG AA (environ 4.5:1 pour le texte normal). C’est pour ça que notre académie force un thème clair stable, avec encre foncée et teal suffisamment contrasté.
Checklist mois 1 : lang, title, h1 unique, alt, labels, liens explicites, boutons réels (<button>), pas de div cliquable sans clavier.
Prochaine étape : CSS pour le responsive et le design system — sans casser cette base sémantique.
Évaluation
Évaluation
1. Un div avec onClick mais sans clavier est…