Itqualityassurance
Le gris est une convention, pas une règle. Il aide à comprendre pourquoi le gris est utilisé pour les boutons désactivés: le gris est une couleur neutre, il est donc bon pour communiquer des éléments subtils ou dé-insistés. Les boutons désactivés (car ils ne sont pas cliquables) sont généralement communiqués à l'utilisateur via la dé-insister.
- Pourquoi éviter les boutons désactivés?
- Les lecteurs d'écran sautent les boutons désactivés?
- Si les boutons désactivés devraient être focalisés?
- Si vous utilisez des boutons désactivés?
Pourquoi éviter les boutons désactivés?
Mauvaise accessibilité
Les boutons gris avec étiquettes grises peuvent facilement ne pas répondre aux recommandations de contraste de couleur pour le texte. 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).
Les lecteurs d'écran sautent les boutons désactivés?
Les lecteurs d'écran ignorent les contrôles désactivés, donc les utilisateurs du lecteur d'écran n'entendent pas le message. Ajoutez un texte d'aide visible à proximité pour le bouton. Cela fonctionnerait pour les utilisateurs voyants, mais pas nécessairement pour les utilisateurs de basse vision ou les utilisateurs aveugles à l'aide d'un lecteur d'écran.
Si les boutons désactivés devraient être focalisés?
Si vous avez besoin d'utiliser des boutons désactivés, envisagez des moyens de les rendre focalisés et utiles en les rendant également plus inclusifs et en fournissant une issue pour que les clients envoient tous les détails à l'assistance client.
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.
