Les icônes doivent-elles toujours être de la même couleur que le texte d'accompagnement?
Je conçois une chronologie dans laquelle certaines "cartes d'événements" sont interactives tandis que d'autres ne le sont pas. Je rencontre un problème où les icônes sur les cartes non interactives sont très sombres, et donc interactives, car je les colorie avec la même qualité HEX que le texte d'accompagnement ("Invite"), qui est lui-même assez sombre pour se conformer aux normes d'accessibilité. Ma première tendance est de rendre la couleur de l'icône plus claire (après tout, c'est un poids plus lourd que le texte), mais cela viole-t-il une règle selon laquelle les paires texte/icône doivent être de la même couleur? J'apprécierais vraiment tout commentaire ici, merci!
La réponse simple est "non", comme expliqué par d'autres, mais il y a une sorte de question non posée qui est impliquée dans votre description originale:
le texte d'accompagnement ("Prompt"), lui-même assez sombre pour se conformer aux normes d'accessibilité
Normes de couleurs normales pour l'accessibilité, il faut un rapport de 4,5: 1. Cependant, pour les éléments inactifs (c'est-à-dire désactivés), le contraste minimum n'est pas requis (mais il est agréable d'essayer de maintenir le rapport à au moins 3: 1). Ainsi, vous pouvez réellement éclaircir la couleur de "Invite" (et l'icône aussi, si vous le souhaitez).
Les icônes ne doivent pas nécessairement être de la même couleur que le texte. En fait, de nombreux concepteurs d'interface utilisateur choisissent une nuance différente de la couleur du texte ou même une couleur contrastante pour leurs icônes, afin d'équilibrer les icônes qui seraient autrement trop proéminentes ou imperceptibles. L'icône "lourdeur" dicte généralement si elle doit être plus foncée (pour les icônes en traits fins par exemple) ou plus claire (pour les icônes épaisses).
Par-dessus tout, votre utilisation des couleurs doit permettre une compréhension claire de l'état actuel et de l'interactivité, plutôt que de simplement suivre une règle générale pour chaque icône, quel que soit son objectif.
Les icônes doivent-elles être de la même couleur que leur texte? Découvrons-le.
Sur cette même page, à droite, il y a un bloc jaune avec des liens vers des articles et des icônes à côté de chacun:
Je suis sûr que vous pouvez trouver de nombreux autres exemples sur le Web.
Je pense que comme vous l'avez mentionné, vous pouvez éclaircir la couleur de l'icône sans violer aucune règle. Vous pouvez également réduire le poids de l'icône. À mon avis, les deux pourraient fonctionner.