Inspecteur d'accessibilité pour WordPress

Du constat directement à l'endroit concerné

Un clic dans le résultat du test, et l'inspecteur repère l'élément sur votre site – avec tous les détails dont vous avez besoin pour le corriger.

Fini la recherche dans le code source : l'inspecteur d'accessibilité vous montre chaque constat là où il se produit, explique l'élément et propose par IA une solution que vous essayez aussitôt dans le navigateur.

  • Éléments concernés repérés directement sur la page
  • Carte d'élément avec rôle, nom, taille et visibilité
  • AI Element Fix avec aperçu dans le navigateur

Comment ça marche

En quatre étapes, du résultat du test à la solution

L'inspecteur relie le test d'accessibilité à votre vrai site. Chaque constat vous conduit directement à l'élément qui le provoque – sans outils de développement et sans deviner.

  1. Étape 1 : Ouvrir le constat dans le résultat du test

    Chaque constat du test d'accessibilité liste les éléments concernés. Pour un élément, cliquez sur « Afficher dans l'inspecteur ».

  2. Étape 2 : Aller directement à l'endroit concerné

    La page s'ouvre avec l'inspecteur. L'élément est repéré, amené dans la zone visible et brièvement mis en évidence.

  3. Étape 3 : Examiner l'élément et le constat

    La carte d'élément indique le type, le rôle, la description, la taille et la visibilité. Avec « Précédent » et « Suivant », vous parcourez tous les emplacements.

  4. Étape 4 : Essayer la solution et l'adopter

    AI Element Fix propose une correction de code et l'affiche en aperçu dans le navigateur. Vous modifiez ensuite durablement l'endroit dans l'éditeur ou le thème.

Carte d'élément

Tout sur l'élément en un coup d'œil

La carte d'élément décrit l'élément repéré tel que le voient le navigateur et les technologies d'assistance. Vous voyez ainsi si un constat vient du contenu, du balisage ou d'un réglage du thème.

  • Icône, type et chemin DOM

    L'élément s'affiche avec son icône de type, son nom accessible et son chemin dans le document, pour que vous le retrouviez aussi dans le code.

  • Visibilité et taille

    Vous voyez si l'élément est visible ou masqué, quelles sont ses dimensions et s'il figure dans l'arbre d'accessibilité.

  • Rôle et description

    Le rôle, la description et le nom accessible montrent ce que les lecteurs d'écran restituent pour cet élément, sans ouvrir les outils de développement.

Quand aucun repère précis n'apparaît

L'inspecteur vous dit ce qui se passe

Tous les éléments ne peuvent pas être encadrés sur la page. Plutôt que de vous laisser dans le flou, l'inspecteur explique dans chaque cas pourquoi aucun repère n'est possible et ce que vous pouvez faire.

  • Invisible

    L'élément existe, mais il est masqué. L'inspecteur le décrit tout de même complètement dans la carte d'élément.

  • Contexte visible uniquement

    L'élément lui-même n'a pas de surface. C'est la zone visible la plus proche qui est repérée, et le chemin indique la position exacte.

  • Introuvable

    La page a changé depuis le test. Relancez un test pour que le constat et la page correspondent de nouveau.

  • Plusieurs correspondances

    Le sélecteur correspond à plusieurs éléments. L'inspecteur affiche la première correspondance et vous en avertit.

  • Page entière concernée

    Certains constats, comme l'absence de langue déclarée, concernent le document. Il n'y a alors aucun endroit précis à repérer.

  • Contexte expiré

    L'appel est invalide ou plus ancien que la durée autorisée. Rouvrez simplement l'inspecteur depuis le résultat du test.

Fonction IA

AI Element Fix : proposer une solution, l'essayer dans le navigateur

Pour l'élément repéré, l'IA vous explique pourquoi le constat est important et propose une correction de code concrète. D'un clic, vous voyez la modification en aperçu directement sur votre page – puis vous décidez de l'adopter ou non.

  • Explique pourquoi le constat est important
  • Fournit une suggestion de code et un aperçu directement dans le navigateur
  • L'aperçu reste temporaire et ne modifie pas votre site
  • Lecture et aperçu gratuits, seule la génération est comptée

Ordinateur et smartphone

Un panneau qui s'adapte à votre page

L'inspecteur est un outil à côté de votre site, pas par-dessus. Il peut être ancré, déplacé et masqué pour que vous voyiez toujours librement l'endroit repéré – sur grand écran comme sur smartphone.

  • Dock sur ordinateur

    L'inspecteur se place à droite de la page. Vous pouvez le déplacer à gauche, en haut ou en bas pour qu'il ne cache rien.

  • Panneau inférieur sur smartphone

    Sur les petits écrans, l'inspecteur s'ouvre par le bas. Un geste de balayage le masque et le rappelle.

  • Le masquer quand il gêne

    Un clic cache l'inspecteur. Un petit bouton sur le bord le ramène à tout moment.

Sur le terrain

Constats typiques que l'inspecteur rend visibles

De nombreuses barrières sont invisibles dans le back-office et évidentes sur la page. Trois exemples où le saut vers l'endroit concerné change tout.

  • Moyen WCAG 1.4.1

    Lien reconnaissable uniquement par la couleur

    L'inspecteur repère le lien dans le texte courant. AI Element Fix propose un soulignement ou une autre marque distinctive.

  • Moyen WCAG 1.3.1

    Ordre des titres

    Un niveau a été sauté. Vous voyez tout de suite quel titre est concerné et vous corrigez le niveau dans l'éditeur.

  • Grave WCAG 4.1.2

    Nom du bouton manquant

    Un bouton à icône sans texte. La carte d'élément montre le nom vide, et la suggestion ajoute un aria-label adapté.

Tarifs & quotas

L'inspecteur est inclus dans chaque tarif

Vous pouvez repérer, naviguer et lire la carte d'élément dans tous les tarifs. Seul le nombre de générations IA pour AI Element Fix dépend de votre tarif – l'aperçu et la lecture restent toujours gratuits.

Fonction
Aucune carte bancaire requise Free 0 $
Basic 94,80 $ / anTVA 20 % incluse
Notre recommandation Plus 178,80 $ / anTVA 20 % incluse
Premium 358,80 $ / anTVA 20 % incluse
Agency 1 078,80 $ / anTVA 20 % incluse
Ouvrir l'inspecteur et naviguer
Oui
Oui
Oui
Oui
Oui
Carte élément
Oui
Oui
Oui
Oui
Oui
Générations AI Element Fix
25 une seule fois
50 / mois
100 / mois
1 000 / mois
1 000 / mois par site
Aperçu navigateur
Oui
Oui
Oui
Oui
Oui
Dock bureau et panneau bas mobile
Oui
Oui
Oui
Oui
Oui
L'affichage du plan dans le checkout Freemius fait foi pour votre licence active. La lecture et l'aperçu de suggestions déjà créées ne consomment aucun quota, seule la génération de nouvelles suggestions en consomme.

Free

Aucune carte bancaire requise

0 $

Gratuit pour toujours

  • Ouvrir l'inspecteur et naviguer
  • Carte élément
  • 25 générations AI Element Fix une seule fois
  • Aperçu navigateur
  • Dock bureau et panneau bas mobile
Commencer gratuitement

Basic

Un départ solide

94,80 $ / an

soit 7,90 $ / mois

79,00 $ HT + 15,80 $ TVA (20 %)

  • Ouvrir l'inspecteur et naviguer
  • Carte élément
  • 50 générations AI Element Fix / mois
  • Aperçu navigateur
  • Dock bureau et panneau bas mobile
Choisir Basic

Premium

Pour les grands sites

358,80 $ / an

soit 29,90 $ / mois

299,00 $ HT + 59,80 $ TVA (20 %)

  • Ouvrir l'inspecteur et naviguer
  • Carte élément
  • 1 000 générations AI Element Fix / mois
  • Aperçu navigateur
  • Dock bureau et panneau bas mobile
Choisir Premium

Agency

Pour plusieurs sites

1 078,80 $ / an

soit 89,90 $ / mois

899,00 $ HT + 179,80 $ TVA (20 %)

  • Ouvrir l'inspecteur et naviguer
  • Carte élément
  • 1 000 générations AI Element Fix / mois par site
  • Aperçu navigateur
  • Dock bureau et panneau bas mobile
Choisir Agency
L'affichage du plan dans le checkout Freemius fait foi pour votre licence active. La lecture et l'aperçu de suggestions déjà créées ne consomment aucun quota, seule la génération de nouvelles suggestions en consomme.

Voir toutes les fonctionnalités

Bon à savoir

Des questions sur l'inspecteur d'accessibilité ?

Ce que l'inspecteur peut faire, ce qu'il ne modifie pas et comment fonctionnent les quotas IA.

1. Quels tarifs incluent l'inspecteur d'accessibilité ?

Tous. L'inspecteur fait partie du test d'accessibilité et est disponible de Free à Agency. La seule différence tient au quota de générations AI Element Fix.

2. L'inspecteur modifie-t-il mon site ?

Non. L'inspecteur ne fait que lire la page et repérer des éléments dans le navigateur. L'aperçu d'AI Element Fix est lui aussi temporaire : dès que vous rechargez la page, il disparaît. Vous effectuez les modifications durables comme d'habitude dans l'éditeur, le thème ou votre constructeur de pages.

3. Les visiteurs de mon site voient-ils l'inspecteur ?

Non. L'inspecteur ne s'ouvre que pour les utilisateurs connectés disposant des droits de test, via un appel sécurisé et limité dans le temps depuis le résultat du test. Les visiteurs ne voient ni repères ni panneau.

4. Pourquoi l'inspecteur affiche-t-il « Élément introuvable » ?

Le constat provient d'un résultat de test enregistré. Si la page a changé depuis, par exemple à cause de modifications de contenu, de cache ou de contenus dynamiques, le sélecteur enregistré ne correspond plus. Relancez le test et ouvrez l'inspecteur depuis le nouveau résultat.

5. Qu'est-ce qui est décompté de mon quota avec AI Element Fix ?

Uniquement la génération d'une nouvelle suggestion. Une suggestion déjà créée, vous pouvez la lire, l'appliquer en aperçu et l'annuler autant de fois que vous le voulez sans que le quota baisse. Dans le plan Free, 25 générations sont disponibles une seule fois ; dans les plans payants, un quota mensuel par site.

6. Que signifie « arbre d'accessibilité » dans la carte d'élément ?

L'arbre d'accessibilité est la structure que le navigateur met à disposition des technologies d'assistance comme les lecteurs d'écran. La carte d'élément indique si l'élément y figure. « Exclu » signifie qu'un lecteur d'écran ne le restitue pas – voulu pour les éléments décoratifs, problématique pour les éléments interactifs. L'indication est déterminée au mieux à partir du balisage et ne remplace pas un test avec une vraie technologie d'assistance.

Lancez-vous maintenant

Prêt à voir les constats là où ils se produisent ?

Testez votre site, sautez d'un clic à l'endroit concerné et essayez la solution avant de l'adopter.

Inspecteur d'accessibilité pour WordPress – voir les constats sur la page

L'inspecteur d'accessibilité d'EZZE WCAG Pro comble le fossé entre le résultat du test et le site. Chaque constat du test d'accessibilité s'ouvre d'un clic sur la vraie page : l'élément concerné est repéré, amené dans la zone visible et décrit dans une carte d'élément avec type, rôle, nom accessible, taille, visibilité et chemin DOM. Vous comprenez ainsi les problèmes d'accessibilité sans outils de développement et sans fouiller le code source.

Avec « Précédent » et « Suivant », vous parcourez tous les emplacements d'un constat. Si un élément ne peut pas être repéré clairement, parce qu'il est invisible, apparaît plusieurs fois ou que la page a changé depuis le test, l'inspecteur en explique la raison et la marche à suivre.

AI Element Fix : proposer des solutions WCAG et les vérifier dans le navigateur

Pour chaque élément repéré, AI Element Fix peut produire une explication et une suggestion de code concrète, par exemple un aria-label manquant, un niveau de titre corrigé ou un style de lien reconnaissable. L'aperçu n'applique la suggestion que temporairement dans le navigateur, votre site reste inchangé jusqu'à ce que vous adoptiez la modification dans l'éditeur, le thème ou le constructeur de pages. La lecture et l'aperçu ne consomment aucun quota, seule la génération de nouvelles suggestions en consomme.

L'inspecteur fait partie du test d'accessibilité et est inclus dans tous les tarifs d'EZZE WCAG Pro. En dock sur ordinateur ou en panneau inférieur sur smartphone, il s'adapte à votre page – un outil pratique pour non seulement vérifier WCAG, BITV et BFSG, mais aussi corriger les barrières là où elles se produisent.

Vue de lecture focalisée

Mode de lecture