Comment auditer visuellement une page web avec Playwright ?

Réponse courte

En clair.

• Un audit visuel commence par des captures qu'on peut refaire.
• Playwright vérifie mobile, tablette et ordinateur avec les mêmes étapes.
• Le contrôle regarde le rendu, les erreurs, le débordement et les éléments masqués.
• Il complète le regard humain ; il ne le remplace pas.
• Chaque constat doit mener à une correction vérifiable.

Problème

Ce qui bloque.

Une page peut sembler correcte sur un écran et casser ailleurs : texte trop long, bouton compressé, image absente, header qui couvre le contenu ou animation qui masque la lecture.

Méthode

Comment je le traite.

• Lister les parcours à vérifier avant d'ouvrir le navigateur.
• Capturer au moins mobile 390px et desktop 1440px pour les pages clés.
• Contrôler les erreurs, les requêtes échouées et le débordement horizontal.
• Comparer les captures avec la direction visuelle prévue.
• Transformer chaque défaut en changement de fichier précis, puis reconstruire.

Exemple

Sur ce portfolio.

Sur Capsélys et Les Petites Griffes, les captures servent à vérifier les textes, les blocs, l'assistant IA et les contraintes client avant de parler de conversion.

Limites

Ce que ça ne prouve pas.

• Playwright vérifie ce qu'on lui demande : un mauvais scénario peut rater un vrai défaut.
• Une capture ne mesure pas une conversion ; elle prouve seulement un état visuel.
• Le jugement DA reste humain : l'automatisation sert à ne pas rater le basique.