Au programme
Titres, repères et ordre de lecture
Une page se lit comme un plan : un seul titre principal, des niveaux qui ne sautent pas d'étage, des repères de navigation nommés. On imprime le plan de pages connues et on cherche les étages manquants au marqueur fluo.
Éléments natifs plutôt que reconstruits
Un bouton est un bouton, pas un div qui fait semblant. Les éléments natifs apportent gratuitement le clavier, le focus et l'annonce au lecteur d'écran. On démonte des composants reconstruits célèbres et on compte ce qu'ils ont perdu en route.
Attributs d'accessibilité, avec parcimonie
La première règle des attributs spécialisés : ne pas en mettre quand l'élément natif suffit. Un attribut mal posé fait plus de dégâts qu'aucun attribut. On apprend les cinq situations qui les justifient vraiment, et on laisse le reste tranquille.
La sortie du module
La refonte sémantique complète d'une page réelle choisie par l'équipe : le avant et le après photocopiés côte à côte, avec le nombre d'éléments corrigés tamponné en rouge.
La boîte à outils
- Le validateur HTML et la carte des titres d'une page
- Le guide des pratiques ARIA, lu pour savoir quand s'abstenir
- La règle de l'atelier : natif d'abord, attributs ensuite, jamais l'inverse