J'évalue actuellement les styles d'accessibilité pour un projet sur lequel je travaille. Dans l'ensemble, la mise en page a un fond noir (# 050000) et le texte et les composants sont soit beige (# FEF0D6) soit blanc. Tout cela a un contraste fin, selon vérificateur de contraste de WebAim .
Mon inquiétude est que les styles de mise au point utilisent un soulignement/contour orange (# E87C29) qui n'est pas assez contrasté avec le blanc ou le beige (respectivement 2,85: 1 et 2,53: 1), ce qui signifie qu'il est probable que la mise au point ne soit pas assez visible.
Il existe une couleur alternative disponible dans le guide de style de marque, un vert, qui pourrait être utilisé car il a un plus grand contraste.
Ma question est la suivante: ai-je raison de penser que les couleurs contrastées ne devraient pas seulement être dans une lecture statique d'une mise en page, mais aussi entre les états?
Tout d'abord, vous avez raison, la couleur doit être choisie avec soin, non seulement pour l'état par défaut, mais aussi pour les autres états, tels que - survoler, se concentrer, visiter. Et la couleur de contraste est toujours bonne pour les utilisateurs.
À mon avis, le vert ne doit pas être utilisé pour la mise au point, car cela peut être interprété car l'entrée a déjà été validée et correcte (car le vert est le signe naturel du passage).
Je préfère suggérer de choisir différentes nuances et teintes de la couleur de la marque s'il n'y a pas de problème. Habituellement, les directives de marque se composent de différentes nuances et teintes à utiliser dans différents scénarios. Si ce n'est pas possible, ma suggestion est d'utiliser la couleur de la marque directement sur l'état de mise au point.
Je viens de partager mes pensées. J'espère que cela pourrait aider :)
Si vous essayez d'être conforme avec WCAG 2.1 , alors le nouveau 1.4.11 critères de réussite s'appliquerait et vous voudriez avoir un rapport de contraste (minimum) de 3 : 1 pour la couleur de mise au point sur la couleur d'arrière-plan.