Message d'erreur ou bouton d'action désactivée

1. Pourquoi vous ne devriez pas utiliser les boutons désactivés?
2. Qu'est-ce qu'un bouton désactivé?
3. Comment activer le bouton désactivé?
4. Si vous utilisez des boutons désactivés?

Pourquoi vous ne devriez pas utiliser les boutons désactivés?

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.

Qu'est-ce qu'un bouton désactivé?

Un bouton désactivé est inutilisable et non cliquable. L'attribut désactivé peut être défini pour empêcher un utilisateur de cliquer sur le bouton jusqu'à ce qu'une autre condition soit remplie (comme sélectionner une case à cocher, etc.).

Comment activer le bouton désactivé?

Pour désactiver un bouton en utilisant uniquement JavaScript, vous devez définir sa propriété désactivée sur false . Par exemple: élément. handicapé = vrai . Et pour activer un bouton, nous ferions le contraire en définissant la propriété JavaScript désactivée à False .

Si vous utilisez des 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.