Accéder au contenu.
Menu Sympa

rgaa - Re: [rgaa] Erreur sur les champs de formulaire

rgaa AT framalistes.org

Objet : Accessibilité numérique, normes internationales, composants réutilisables, critères RGAA et tests, outils et ressources...

Archives de la liste

Re: [rgaa] Erreur sur les champs de formulaire


Chronologique Discussions  
  • From: Remi Verhalle <adresse@cachée>
  • To: adresse@cachée
  • Subject: Re: [rgaa] Erreur sur les champs de formulaire
  • Date: Fri, 20 May 2022 10:04:15 +0200

Bonjour,

Il manque un peu de contexte à votre question, par exemple, un exemple des balises que vous utilisez, les cas considérés comme invalides, et à quel moment et endroit le message d'erreur s'affiche pour pouvoir faire une vraie réponse circonstanciée.

L'attribut aria-invalid="true" ne s'applique pas au message d'erreur mais à la balise en erreur. Si vous utilisez un élément natif avec une validation native, cela peut être inutile et il est possible d'utiliser la fonction setCustomValidity() pour redéfinir le message d'erreur par défaut en utilisant les éléments de validation natifs avec leur accessibilité native.

L'utilisation d'un rôle "alert" dépend de son usage :
  • soit pour assister au remplissage en liant le message directement à un champ, ("Attention le format de votre adresse e-mail est incorrect"), en utilisant comme indiqué l'attribut aria-describedby pour faire la liaison.
  • soit lors de la soumission et s'il y a plusieurs erreurs, en appliquant ce rôle au récapitulatif des erreurs situé au-dessus du formulaire.

Si vous souhaitez plus d'informations, il y a 3 critères du WCAG lié à cette problématique :

Bonne journée,

Remi Verhalle

Le jeu. 19 mai 2022 à 18:28, DELAHAIE Amélien (Canal Plus) <adresse@cachée> a écrit :

Bonjour à tous,

 

Petite question sur les messages d’erreur des champs des formulaires.

 

Selon vous, il vaut mieux utiliser un role= “alert“ sur le message d’erreur ou un aria-invalid=“true“ ? Ou est-ce que les deux sont équivalents ?

 

Si je pars de la doc, j’ai l’impression qu’on peut utiliser autant l’un que l’autre :

https://developer.mozilla.org/fr/docs/Web/Accessibility/ARIA/Roles/alert_role

https://developer.mozilla.org/fr/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute

 

Merci d’avance pour vos retours.

 

Bonne journée,

 

Amélien Delahaie

Référent accessibilité numérique

Canal+ Group

--
Vous recevez cet email car vous etes abonne.e a la liste "rgaa".
Pour vous desabonner, merci de cliquer sur ce lien : https://framalistes.org/sympa/sigrequest/rgaa
ou d'envoyer un mail a adresse@cachée avec comme sujet "unsubscribe rgaa"

You receive this email since you subscribed to the list "rgaa".
To unsubscribe, click on following link: https://framalistes.org/sympa/sigrequest/rgaa
or send an email to adresse@cachée with the subject: unsubscribe rgaa



Archives gérées par MHonArc 2.6.19+.

Haut de le page