Aller au contenu principal
RGAAA

11.10 Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

References WCAG
  • 3.3.1 Error Identification (A)
  • 3.3.2 Labels or Instructions (A)
Techniques
  • G83
  • G84
  • G85
  • G89
  • G184
  • H44
  • H81
  • H89
  • H90
  • F81
  • SCR18
  • SCR32
  • ARIA1
  • ARIA2
  • ARIA6
  • ARIA9
  • ARIA16
  • ARIA21

Méthodologie officielle pour tester le critère 11.10

Test 1 (11.10.1)

  1. Retrouver dans le document les champs de formulaire obligatoires ;
  2. Pour chaque champ de formulaire, vérifier que préalablement à la validation du formulaire :
    • Soit une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
    • Soit le champ possède un attribut aria-required="true" ou required.
  3. Si c’est le cas pour chaque champ de formulaire obligatoire, le test est validé.

Test 2 (11.10.2)

  1. Retrouver dans le document les champs de formulaire obligatoires qui possèdent un attribut aria-required="true" ou required ;
  2. Pour chaque champ de formulaire, vérifier que préalablement à la validation du formulaire :
    • Soit une indication de champ obligatoire est visible et située dans l’étiquette associée au champ ;
    • Soit une indication de champ obligatoire est visible et située dans le passage de texte associé au champ.
  3. Si c’est le cas pour chaque champ de formulaire obligatoire qui possèdent un attribut aria-required="true" ou required, le test est validé.

Test 3 (11.10.3)

  1. Retrouver dans le document les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire ;
  2. Pour chaque message d’erreur, vérifier que :
    • Soit le message d’erreur est visible et permet d’identifier nommément le champ concerné ;
    • Soit le champ obligatoire associé au message d’erreur possède un attribut aria-invalid="true".
  3. Si c’est le cas pour chaque message d’erreur indiquant l’absence de saisie d’un champ obligatoire, le test est validé.

Test 4 (11.10.4)

  1. Retrouver dans le document les champs de formulaire obligatoires qui possèdent un attribut aria-invalid="true" ;
  2. Pour chaque champ de formulaire, vérifier que :
    • Soit le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;
    • Soit le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.
  3. Si c’est le cas pour chaque champ de formulaire obligatoire qui possède un attribut aria-invalid="true", le test est validé.

Test 5 (11.10.5)

  1. Retrouver dans le document les champs de formulaire obligatoires auxquels est associée une instruction ou une indication du type de données et/ou de format obligatoire ;
  2. Pour chaque champ de formulaire, vérifier que l’instruction ou l’indication du type de données et/ou de format obligatoire est préalablement à la validation du formulaire :
    • Soit visible et permet d’identifier nommément le champ concerné ;
    • Soit visible dans l’étiquette ou le passage de texte associé au champ.
  3. Si c’est le cas pour chaque champ de formulaire obligatoire auquel est associée une instruction ou une indication du type de données et/ou de format obligatoire, le test est validé.

Test 6 (11.10.6)

  1. Retrouver dans le document les messages d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoire d’un champ ;
  2. Pour chaque message d’erreur, vérifier que :
    • Soit le message d’erreur est visible et permet d’identifier nommément le champ concerné ;
    • Soit le champ associé au message d’erreur possède un attribut aria-invalid="true".
  3. Si c’est le cas pour chaque message d’erreur indiquant l’absence de saisie d’un champ obligatoire, le test est validé.

Test 7 (11.10.7)

  1. Retrouver dans le document les champs de formulaire qui possèdent un attribut aria-invalid="true" ;
  2. Pour chaque champ de formulaire, vérifier que :
    • Soit une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans l’élément <label> associé au champ ;
    • Soit 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.
  3. Si c’est le cas pour chaque champ de formulaire qui possède un attribut aria-invalid="true", le test est validé.