Inspection et extraction dans le navigateur

Vérificateur gratuit des libellés accessibles web.

Libellés accessibles manquants et noms peu clairs.

Examinez le formulaire en contexte et préparez des corrections précises des libellés pour les commandes que les visiteurs doivent comprendre.

Extension Chrome et compte requis.
25 tâches d'automatisation gratuites par mois, partagées entre les outils. Les limites du fournisseur via navigateur s'appliquent.

CE QU'IL FAUT PRÉPARER

Champs et commandes du formulaire affiché.

VOTRE POINT DE DÉPART

Une tâche à personnaliser.

Copiez-le ici. Collez-le dans WebAct quand vous le souhaitez.

Cette page prépare votre prompt. La tâche s'exécute dans WebAct.

01

Adaptez la tâche à vos besoins.

Relisez le prompt ci-dessus. Ajoutez votre objectif et les exigences importantes.

02

Passez à WebAct.

Ouvrez la page source, activez WebAct et sélectionnez le contenu lisible pertinent. Collez la tâche et fournissez les sources supplémentaires qu’elle demande.

03

Vérifiez la partie utile.

Le résultat couvre le contenu lisible que vous fournissez ou sélectionnez. Dépliez d’abord les sections utiles de la page et vérifiez que les enregistrements attendus figurent dans la sortie.

GUIDE PRATIQUE

Comment vérifier les libellés accessibles d'un formulaire.

Vérifier les libellés exige d'examiner le nom programmatique et le contexte visible. Un texte voisin ne prouve pas à lui seul une relation accessible.

Adaptez le processus à votre tâche.

Inspectez le nom programmatique de chaque commande et son lien avec le libellé visible. Vérifiez les étiquettes explicites, englobantes et les références ARIA pertinentes, puis signalez les noms absents ou trompeurs avec l'emplacement des éléments. Ajoutez une revue manuelle lorsque l'inspection automatique ne peut établir le sens.

Ce que vous fournissez
Champs et commandes du formulaire affiché.
Ce que vous obtenez
Libellés accessibles manquants et noms peu clairs.

Consultez les données et le résultat.

Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct

Exemple champ

Supplied markup: <span>Email</span><input id="email" type="email">. No other naming attributes. Correct the label association.

Exemple complet

Finding: the visible caption has no programmatic association with the input.
Proposed markup:
<label for="email">Email</label>
<input id="email" type="email">

Verify the id is unique and the control's accessible name is Email in the complete page.
Télécharger cet exemple

Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.

Décisions et dépannage.

Le texte d'exemple remplace-t-il un libellé de formulaire permanent ?

Il peut disparaître pendant la saisie et ne remplace pas fiablement un libellé clair et associé. Vérifiez les noms visuels et programmatiques.

Pourquoi une légende visible n'est-elle pas annoncée comme libellé du champ ?

Il manque peut-être une association valable, comme un couple for/id correspondant. Inspectez cette relation et non la seule proximité.

Essayez avec votre propre source.

Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.

Personnaliser et copier la tâche ↑
AVANT DE COMMENCER

Utiliser WebAct.

Le prompt et l'exemple sont disponibles ici. Exécutez votre tâche dans l'extension WebAct pour Chrome.

Cet outil est-il gratuit ?

Vous pouvez copier et modifier le prompt ici gratuitement. Pour l'utiliser avec WebAct, installez l'extension Chrome, créez et vérifiez votre compte, puis connectez une session ChatGPT disponible dans le navigateur. Le forfait Free inclut 25 tâches d'automatisation lancées par l'utilisateur par mois civil, partagées entre les outils. Le Chat ordinaire dans le navigateur est distinct ; les limites du fournisseur s'appliquent.

Découvrez le contexte partagé dans notre politique de confidentialité et comment choisir entre Chat ou Task.

DU PROMPT À VOTRE PROPRE TRAVAIL

Amenez la tâche sur votre page.

Installez WebAct, ajoutez vos sources et adaptez le résultat.

Installer WebAct