Aller au contenu principal
RAWEBA

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
  • ARIA1
  • ARIA2
  • ARIA6
  • ARIA9
  • ARIA16
  • ARIA21
  • F81
  • G83
  • G84
  • G85
  • G89
  • G139
  • G184
  • H44
  • H81
  • H89
  • H90
  • SCR18
  • SCR32

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 qu’avant sa saisie :
    • soit une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
    • soit une indication de champ obligatoire est donnée par la présence de l’attribut aria-required="true" ou required sur le champ avant sa saisie ;
    • soit une indication de champ facultatif est visible et permet d’identifier nommément le champ concerné.
  3. Si c’est le cas, 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 qu’avant sa saisie :
    • soit une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
    • 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 ;
    • soit une indication de champ obligatoire est visible et située dans la légende associée au groupe de champs.
  3. Si c’est le cas, 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 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 qui possède un attribut aria-invalid="true", le test est validé.

Test 5 (11.10.5)

  1. Remplir les champs de formulaire avec des valeurs susceptibles de provoquer des erreurs de saisies (entrer une adresse <em lang="en">e-mail</em> mal formée par exemple).
  2. Valider le formulaire.
  3. Pour chaque champ de formulaire qui possède un contrôle du format, vérifier que l’instruction ou l’indication du type de données et/ou de format obligatoire  :
    • est indiquée avant sa saisie ;
    • est indiquée de manière visible ;
    • permet d’identifier nommément le champ concerné ou est incluse dans l’étiquette ou le passage de texte associé au champ.
  4. Si c’est le cas pour chaque champ de formulaire 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é.