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…