Définir une recette limitée
Ce parcours aide développement et test à statuer sur une refonte précise. Il produit une matrice, des captures, des anomalies expliquées et une décision humaine, pas une suite automatiquement exécutée. Réservez les outils de capture serveur aux pages publiques autorisées. Les états privés demandent une méthode externe approuvée, sans secrets dans l’URL.
Gardez la référence ou ses preuves originales avant déploiement. Notez version, données, langue, polices, dimensions, mode de capture, préférence de couleur et attente. Conservez le même outil et environnement. Une capture candidate seule ne prouve pas l’absence de régression si la référence manque.
Distinguer réagencement et régression
Les largeurs 375, 768, 1024 et 1440 pixels à hauteur fixe constituent un exemple de matrice, pas une norme universelle. L’outil de points de rupture capture une URL entre deux et six largeurs. Choisissez le mode adjacent. Ses cartes comparent des images mises à l’échelle, ni deux versions ni des composants reconnus sémantiquement.
Examinez textes coupés, chevauchements, débordements et contenus manquants. Les changements de colonnes ou de retours à la ligne peuvent être corrects. Une capture de fenêtre ne couvre pas tout le document : prévoyez les contrôles hors champ. Gardez rapport et ZIP sans transformer le pourcentage de pixels en verdict.
Constituer des paires cohérentes
Capturez chaque version avec Website Screenshot puis vérifiez les dimensions des fichiers. Pour des dimensions arbitraires, évitez le mode mobile qui utilise actuellement une fenêtre fixe de 375 sur 667. Préférez PNG sans perte, fond opaque et canaux compatibles.
Image Difference étire les entrées inégales sur un canevas commun. Reprenez les captures plutôt que de présenter ce redimensionnement comme une équivalence. L’opération n’évalue pas le sens d’une mise en page ; des canaux incompatibles imposent aussi un arrêt et une normalisation externe ou une nouvelle capture.
Gardez les originaux entiers. Associez tout recadrage aux coordonnées et dimensions des deux régions. Un élément déplacé peut sortir du cadre : revenez alors à l’original. Recadrer ne garantit pas une suppression sûre des données sensibles.
Expliquer avant de classer
Contrôlez horodatages affichés, animations, images distantes, chargement des polices et données. Une attente prolongée ne garantit pas la stabilité. Masquer des éléments applique display none et peut modifier la disposition : documentez ce choix sans exclure du contenu nécessaire à la recette.
Une palette extraite est un échantillon, pas la preuve d’une paire texte/fond. Confirmez les valeurs rendues avant le contrôle de contraste ; transparence, dégradés et anticrénelage peuvent tromper. Un résultat favorable sur une paire ne certifie pas la page. Distinguez intention de conception, défaut confirmé, bruit et cas ouverts.
Remettre les contre-essais et la décision
Pour chaque anomalie, notez largeur, emplacement, originaux, recadrages éventuels, attendu, observé, responsable et résultat de contre-essai. Testez séparément textes traduits longs, zones hors champ et interactions autorisées. Les images ne prouvent ni clavier, ni menus, ni formulaires, ni tactile.
Livrez localement captures, rapports, différences, matrice et décision d’accepter, corriger, différer ou bloquer. Hachez les fichiers partageables définitifs avec SHA-256 ; cela identifie les copies, pas leur justesse. Les parcours liés prennent le relais pour l’inventaire de styles, l’accessibilité approfondie et la préparation des polices.