OpenPath
11.11

Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ?

Technical Notes

  • Certains types de contrôles en HTML5 proposent des messages d'aide à la saisie automatique : par exemple le type email affiche un message du type « veuillez saisir une adresse e-mail valide » dans le cas où l'adresse e-mail saisie ne correspond pas au format attendu. Ces messages sont personnalisables via l'API Constraint Validation, ce qui permet de personnaliser les messages d'erreur et de valider le critère. L’attribut pattern permet d'effectuer automatiquement des contrôles de format (via des expressions régulières) et affiche un message d'aide personnalisable via l'attribut title : ce dispositif valide également le critère.
  • Référence : <a href="https://www.w3.org/TR/html52/sec-forms.html#the-constraint-validation-api">HTML 5.2 - 4.10.20.3 The constraint validation API</a>.

WCAG Reference

WCAG 3.3.3

Tests

  1. 11.11.1

    Pour chaque erreur de saisie, les types et les formats de données sont-ils suggérés, si nécessaire ?

    Technical Notes

    • Certains types de contrôles en HTML5 proposent des messages d'aide à la saisie automatique : par exemple le type email affiche un message du type « veuillez saisir une adresse e-mail valide » dans le cas où l'adresse e-mail saisie ne correspond pas au format attendu. Ces messages sont personnalisables via l'API Constraint Validation, ce qui permet de personnaliser les messages d'erreur et de valider le critère. L’attribut pattern permet d'effectuer automatiquement des contrôles de format (via des expressions régulières) et affiche un message d'aide personnalisable via l'attribut title : ce dispositif valide également le critère.
    • Référence : <a href="https://www.w3.org/TR/html52/sec-forms.html#the-constraint-validation-api">HTML 5.2 - 4.10.20.3 The constraint validation API</a>.
  2. 11.11.2

    Pour chaque erreur de saisie, des exemples de valeurs attendues sont-ils suggérés, si nécessaire ?

    Technical Notes

    • Certains types de contrôles en HTML5 proposent des messages d'aide à la saisie automatique : par exemple le type email affiche un message du type « veuillez saisir une adresse e-mail valide » dans le cas où l'adresse e-mail saisie ne correspond pas au format attendu. Ces messages sont personnalisables via l'API Constraint Validation, ce qui permet de personnaliser les messages d'erreur et de valider le critère. L’attribut pattern permet d'effectuer automatiquement des contrôles de format (via des expressions régulières) et affiche un message d'aide personnalisable via l'attribut title : ce dispositif valide également le critère.
    • Référence : <a href="https://www.w3.org/TR/html52/sec-forms.html#the-constraint-validation-api">HTML 5.2 - 4.10.20.3 The constraint validation API</a>.

WCAG Techniques

  • G84
  • G85
  • G89
  • G177
  • H89