← Retour au sommaire du zine

02

STRUCTURE ET SÉMANTIQUE

semaines 3 à 4

Le bon élément au bon endroit résout la moitié des problèmes. Deux semaines pour apprendre à construire des pages dont le squelette parle de lui-même.

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