Thématique 11 · Formulaires
Critère RGAA 11.10 : Contrôle de saisie et erreurs
Une erreur signalée seulement par une bordure rouge, ou un champ obligatoire indiqué seulement par un astérisque non expliqué, n'est pas perçue par tous.
- Niveau
- A
- WCAG 2.2
- 3.3.1, 3.3.2
- Thématique
- Formulaires
- Vérification
- Détection partielle
La question posée par le RGAA
Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?
Comment respecter ce critère
- Indiquez les champs obligatoires dans l'étiquette (et avec aria-required ou required).
- Affichez un message d'erreur en texte, relié au champ (aria-describedby), et signalez l'erreur avec aria-invalid.
Exemple
Le contrôle de saisie (obligatoire, erreur) n'est pas correctement restitué.
✗ À éviter
<input required>✓ À faire
<input required aria-required="true" aria-describedby="err-mail">Les tests officiels
Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :
- 11.10.1 — Les indications du caractère obligatoire de la saisie des champs vérifient-elles une de ces conditions (hors cas particuliers) ? (Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ; Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.)
- 11.10.2 — Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ? (Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ; Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.)
- 11.10.3 — Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ? (Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ; Le champ obligatoire dispose de l’attribut aria-invalid="true".)
- 11.10.4 — Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ? (Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ; Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.)
- 11.10.5 — Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ? (Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ; Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.)
- 11.10.6 — Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ? (Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ; Le champ dispose de l’attribut aria-invalid="true".)
- 11.10.7 — Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ? (Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ; Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.)
Source : RGAA 4.1.2, critère 11.10, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.
Comment Accessia le vérifie
Accessia détecte automatiquement une partie des manquements à ce critère et les signale « à confirmer » ; la revue guidée vous fait vérifier le reste avec les tests officiels.