Picto thématique

Règle n° 98 - Les boutons désactivés ne sont pas masqués aux lecteurs d'écran.

D’un point de vue ergonomique, il est quelquefois intéressant de désactiver certains boutons d’envoi de formulaires. Cela peut notamment être le cas lorsque certaines informations sont requises ou certaines conditions doivent être respectées avant l'envoi du formulaire. Lorsque ce choix est fait, ces boutons désactivés sont souvent matérialisés par des boutons grisés. Le choix ergonomique est le suivant : soit désactiver le bouton d’action, soit le laisser activé et informer les utilisateurs qu’une condition n’est pas respectée lorsqu’ils cliquent dessus. Nous n’avons aucune recommandation à vous faire sur ce choix ergonomique, mais, si vous choisissez de désactiver le bouton d’action, vous devez veiller à ce que le bouton concerné ne soit pas masqué aux lecteurs d’écran, au risque de rendre le formulaire inutilisable avec ces outils.

#Accessibilité #Développement #Formulaires

Objectif

  • Veiller à ce que les formulaires soient compréhensibles dans un lecteur d’écran.
  • Informer l’utilisateur sur les actions possibles ou indisponibles pendant la saisie d'un formulaire.

Mise en œuvre

  • Ne pas utiliser l'attribut disabled pour désactiver le bouton de soumission,
  • Utiliser l'atrribut aria-disabled="true" sur l'élément bouton, accompagné de l'attribut aria-describedby pour expliciter le statut du bouton.
  • Utiliser JavaScript pour bloquer l'action sur le bouton et fournir un message d'information à l'utilisateur.

Contrôle

Vérifier que les boutons désactivés en cours de saisie n'utilisent pas l'attribut disabled, et qu'ils sont correctement restitués dans un lecteur d'écran, de façon compréhensible.

Auteur Opquast - Consulter la licence


Découvrez la certification Opquast

  • Une formation et une certification 100% en ligne
  • 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
  • guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
  • Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.

Module de sensibilisation
Inscription gratuite