Vérificateur d'étiquettes de formulaire
Inspecte le HTML collé pour détecter les étiquettes programmatiques manquantes.
Comment utiliser Vérificateur d'étiquettes de formulaire
The form label checker parses pasted HTML and lists each input, select and textarea with the accessible name it found, flagging any missing programmatic label. It looks for aria-labelledby, aria-label, a label with a matching for attribute, a wrapping label, and the value of submit, reset or button inputs. Hidden inputs are skipped and placeholders do not count.
- Collez la source dans l'éditeur de saisie ou chargez l'exemple intégré.
- Vérifiez le format de la source avant de lancer l'opération.
- Lancez le vérificateur d'étiquettes de formulaire, vérifiez le résultat, puis utilisez les commandes de copie ou de téléchargement disponibles.
Ce que cet outil prend en charge
Inspecte le HTML collé pour détecter les étiquettes programmatiques manquantes.
Limites et traitement
Les images utilisent la limite existante de 32 mégapixels du canevas. Jusqu'à 100 images sources sont autorisées lorsque c'est pris en charge. Le HTML collé est limité à 200 000 caractères ; les diagrammes Mermaid à 20 000 caractères et 300 lignes. La génération de SVG et PNG nécessite un navigateur.
Exemple de source
<label for="email">Email</label><input id="email" type="email"><input id="name">
Questions fréquentes
Does placeholder text count as a form label?
No. A field with only a placeholder is reported as Missing programmatic label. Add a label element linked with for and id, wrap the field in a label, or use aria-labelledby or aria-label instead.
Which label is reported if a field has several?
The checker uses a fixed order: aria-labelledby text first, then aria-label, then a label whose for attribute matches the field's id, then a wrapping label, then the value of submit, reset or button inputs. The first one found is shown.
Does a passing result mean my form is accessible?
No. This is a static approximation of accessible naming in pasted markup, and scripts, CSS and rendered behavior are not evaluated. Fields with a name are still marked for wording and association review, and conformance is not certified.
Où ma saisie est-elle traitée ?
Cette opération traite sa source dans votre navigateur. Le copier et le téléchargement sont des actions explicites ; la saisie source n'est enregistrée dans aucun compte ni historique.
Quelles sont les limites de saisie ?
Les images utilisent la limite existante de 32 mégapixels du canevas. Jusqu'à 100 images sources sont autorisées lorsque c'est pris en charge. Le HTML collé est limité à 200 000 caractères ; les diagrammes Mermaid à 20 000 caractères et 300 lignes. La génération de SVG et PNG nécessite un navigateur.