Définir les pages à inspecter
Choisissez accueil, liste, article, formulaire et erreur. Incluez les contenus longs qui mettent les composants à l’épreuve. Une maquette de premier écran ne révèle pas les ruptures de grille ni les éléments masqués plus bas dans le parcours.
Mesurer la géométrie
Contrôlez petits et grands écrans, débordements, titres coupés et images qui déplacent le texte. Inspectez les parents d’un élément invisible : sa présence dans le code ne prouve pas qu’il est affiché. Conservez les dimensions testées avec les captures.
Tester l’interaction
Naviguez au clavier, essayez un formulaire invalide puis valide et ouvrez les liens importants. Les animations doivent respecter les préférences de mouvement réduit. Un bouton qui ressemble à une action doit produire un résultat compréhensible.
Établir une recette durable
Décrivez erreurs observées et critères d’acceptation. Vérifiez à nouveau après modification, avec les mêmes cas. Une recette courte et répétable aide davantage que l’affirmation générale «responsive et moderne».
- Choisir les pages
- Mesurer
- Interagir
- Rejouer
Exemple de travail
Feuille de recette : page / largeur / élément / géométrie / interaction / résultat attendu / résultat observé. Testez une liste avec le plus long titre réel pour révéler les contraintes de largeur.
Votre contrôle avant de passer à la suite
Ces cases ne sont pas enregistrées.
Sources & méthode
Sources consultées le 1er octobre 2026. Les calculs d’exemple sont explicitement hypothétiques.
Origine de la thématique: Principaux avantages d'une agence de conception de sites Web (capture consultée : 2023-01-30). Search Engine Feng Shui. La signature individuelle n’est pas confirmée par cette notice.
Ce guide est une nouvelle rédaction de 2026. Il ne reproduit pas le texte ancien et n’est pas signé par son auteur historique.