Boutons

Meilleure pratique Validation pour une forme longue avec le bouton de soumission désactivée

Meilleure pratique Validation pour une forme longue avec le bouton de soumission désactivée
  1. Devrait soumettre les boutons désactivés?
  2. Les boutons désactivés sont-ils mauvais pour l'accessibilité?
  3. Comment vous assureriez-vous que le code du bouton désactivera le bouton Soumettre si le formulaire n'est pas valide?

Devrait soumettre les boutons désactivés?

Lors de la conception de l'interface utilisateur, évitez d'utiliser un bouton désactivé car il devient difficile de découvrir pourquoi il est désactivé et ce qui devrait être fait pour l'activer. Il est préférable de garder les boutons activés tout le temps et de mettre en surbrillance le champ si les utilisateurs ne fournissent pas les informations requises.

Les boutons désactivés sont-ils mauvais pour l'accessibilité?

Mauvaise accessibilité

Parfois, les boutons désactivés sont conçus de manière à ne pas être lus par un lecteur d'écran (les boutons ne sont pas focalisés, et donc les utilisateurs ne peuvent pas les atteindre avec un clavier). Pas besoin d'expliquer que les utilisateurs handicapés seront confrontés à des problèmes avec un tel comportement.

Comment vous assureriez-vous que le code du bouton désactivera le bouton Soumettre si le formulaire n'est pas valide?

Si la valeur de contrôle de la zone de texte n'est pas valide, nous voulons également désactiver le bouton Soumettre afin que l'utilisateur ne puisse pas soumettre le formulaire. Nous utilisons la propriété «Ng-Hisabled» pour le contrôle pour le faire en fonction de la valeur conditionnelle de la propriété «$ sale» et «$ invalide» du contrôle.

Meilleure façon d'afficher le temps de chargement lorsque la table de données est mise à jour
Comment montrer le chargement dans DataTable?Comment réduire le temps de chargement DataTable? Comment montrer le chargement dans DataTable?Il y a q...
Cacher et afficher les éléments de menu dans une application basée sur l'état
Comment masquer et afficher les éléments de menu dans Android?Comment masquer la barre de menu dans Android Studio? Comment masquer et afficher les ...
Dois-je utiliser le menu de kebab ou de boulettes de viande dans le bureau?
Comment utilisez-vous un menu de kebab?Quelle est la différence entre un menu de hamburger et un menu de kebab?Pourquoi ne pas utiliser le menu du ha...