Ce guide suppose que le plugin WP est déjà installé et connecté — si ce n'est pas le cas, commencez par Installation du plugin WordPress.
1. Choisissez un type de test
Ouvrez QAProof → Tests dans votre admin WP. Vous verrez cinq onglets en haut :
- Fidélité du design — compare votre page en ligne à un design Figma ou à une image importée. Utilisez-le après qu'un développeur a publié une nouvelle page pour vérifier qu'elle correspond au design approuvé.
- Responsive — capture la page en desktop / tablette / mobile et signale les problèmes de mise en page propres à chacun. Utilisez-le après des modifications CSS pour détecter les ruptures sur mobile.
- Régression visuelle — compare la page à une référence (baseline) approuvée précédemment. Utilisez-le (manuellement ou via un moniteur planifié) pour détecter les changements visuels involontaires.
- Accessibilité — audit WCAG 2.1 (Niveau A / AA / AAA configurable). Utilisez-le avant la publication ou pour les rapports de conformité.
- Audit du design — mesure la cohérence du design system sur la page (couleurs, polices, espacements, composants) et produit un Design Debt Score.
Si vous testez pour la première fois, choisissez Accessibilité — il ne nécessite ni baseline ni design Figma et vous donne des résultats exploitables immédiatement.
2. Remplissez le formulaire
Chaque type de test a un formulaire légèrement différent. Champs communs :
- URL de la page — la page en ligne à tester. Elle doit être accessible publiquement depuis nos serveurs (pas de localhost / staging derrière un VPN).
- Niveau WCAG (Accessibilité uniquement) — A, AA ou AAA. La valeur par défaut AA est celle visée par la plupart des contrats et audits.
- URL Figma ou import d'image (Fidélité du design uniquement) — le design source auquel comparer.
Cliquez sur Exécuter le test. Un indicateur de progression apparaît avec les étapes : Chargement → Capture d'écran → Analyse. Durée d'exécution totale : 30 à 90 secondes selon la taille de la page et le type de test.
3. Lisez le résultat
Lorsque le test se termine, la page de résultats affiche :
- Score global de 0 à 100 avec une étiquette de couleur (Bon / À améliorer / Médiocre).
- Répartition par catégorie — chaque type de test évalue de 5 à 8 catégories de manière indépendante. Regardez ici en premier pour trouver le domaine qui fait baisser le score global.
- Problèmes détectés — chaque problème repéré, étiqueté par gravité (élevée / moyenne / faible) et accompagné d'une description précise.
- Recommandations — des correctifs concrets que vous pouvez confier à un développeur.
- Captures d'écran — pour la Régression visuelle, vous obtenez la baseline + la version actuelle côte à côte ; les autres types de test affichent la page capturée.
4. Enregistrez ou partagez
Le résultat est enregistré automatiquement dans l'Historique des tests. À partir de là, vous pouvez :
- Rouvrir n'importe quel résultat passé avec captures d'écran complètes et liste des problèmes.
- Télécharger en PDF — un rapport à votre marque que vous pouvez envoyer par e-mail à un client ou joindre à un ticket Jira.
- Supprimer les anciens résultats, ou vous fier à la purge automatique (la conservation dépend de votre plan : 7 / 90 / 365 jours).
Qu'advient-il de mon compteur de générations IA ?
Chaque test réussi consomme une génération IA. Les tests échoués ne comptent pas — nous ne facturons que les résultats réellement renvoyés. Sur les plans payants (Pro / Business / Scale), le compteur est remis à zéro au début de chaque période de facturation ; sur Free, il n'est jamais remis à zéro (Free est un essai unique à vie de 10 générations). Suivez votre utilisation sur qaproof.io/app/api-keys ou dans QAProof → Settings à l'intérieur de WP.
Problèmes courants à la première exécution
"Capture appears unstable" avec un score de 100
Le pipeline de capture d'écran a détecté que sa propre sortie n'était pas fiable (par exemple, un carrousel JS rendu différemment d'une capture à l'autre). Le système renvoie intentionnellement le score 100 plutôt qu'une fausse régression. Relancez le test — il réussit généralement à la seconde tentative.
"Baseline capture is unstable — 7 image(s) failed to load"
Votre site ou son CDN a limité le débit de notre scraper. Attendez 1 à 2 minutes et réessayez. Nous refusons d'enregistrer une baseline défectueuse, car chaque future exécution de régression la comparerait aux trous.
"You have reached your free trial limit"
Les utilisateurs du plan Free voient ce message à 10 générations (l'essai à vie est épuisé — Free n'est pas remis à zéro). Passez à un plan supérieur dans Paramètres → Facturation pour continuer à exécuter des tests.
Étapes suivantes
- Configurez un moniteur de régression — vérifications automatisées quotidiennes / hebdomadaires / mensuelles avec alertes par e-mail.
- Comprendre le tableau de bord — la signification de chaque chiffre sur le tableau de bord du plugin WP.