web-dev-qa-db-fra.com

Contraste des couleurs WCAG 2.0 - Dans quelle mesure devez-vous suivre?

J'ai quelques boutons avec un fond violet et j'essaie de définir la couleur du texte afin qu'elle soit conforme aux règles de contraste des couleurs WCAG 2.0.

Mon problème est que je ne comprends tout simplement pas comment basé sur les règles, que le texte noir est meilleur sur le violet que le blanc. J'ai demandé à plusieurs personnes de se faire une opinion et tout le monde est d'accord, le texte blanc est meilleur, mais basé sur les contrôleurs de contraste de couleur, le meilleur rapport est avec le texte noir.

Un exemple des boutons que j'ai sur ce JSFiddle: http://jsfiddle.net/mq58jwfb/5/

Dans quelle mesure dois-je suivre les WCAG? Je sais que cela permet une meilleure visibilité pour ceux qui ont des problèmes de vision, mais si cela aggrave la situation pour la majorité des utilisateurs (bien que subjectivement), dois-je quand même suivre les WCAG malgré ce qui semble plus facile à lire?

4
BlueCaret

Eh bien, soit vous suivez les règles, soit vous ne le faites pas. Vous devez choisir si le compromis entre "Nice look" et "accessible" est de valeur pour vous. Personnellement, je pense toujours que les données objectives sont généralement meilleures que la subjectivité, alors j'essaie d'aller avec ce que disent les données objectives. Mais encore une fois: c'est une décision que vous devez prendre.

Quant à votre choix de couleur spécifique, bien qu'il semble raisonnable pour une vision régulière, il devient plus difficile à lire pour les personnes atteintes de achromatopsie , tritanopie ou Tritanomaly

Si vous souhaitez respecter ces règles, vous pouvez travailler avec nuances , en ajoutant du noir à votre violet clair d'origine. Par exemple, si vous ajoutez 20% de noir , votre couleur devient #766d9b, qui rend votre combinaison de couleurs accessible, rend votre choix entièrement conforme aux couleurs et le maintient dans la plage de votre choix de teinte d'origine

7
Devin

Mon problème est que je ne comprends tout simplement pas comment basé sur les règles, que le texte noir est meilleur sur le violet que le blanc.

Cela concerne les différents types de daltonisme et si les personnes atteintes peuvent le lire.

J'ai demandé à plusieurs personnes de se faire une opinion et tout le monde est d'accord, le texte blanc est meilleur, mais basé sur les contrôleurs de contraste de couleur, le meilleur rapport est avec le texte noir.

Demander simplement aux gens du bureau (en supposant que c'est ce que vous avez fait) de donner leur avis n'est pas suffisant, si vous devez utiliser les directives d'accessibilité, vous devez demander aux personnes qui en ont besoin. Demander aux gens leur opinion subjective sur la combinaison de couleurs ne demande qu'une fraction de la base d'utilisateurs. Probablement pas les personnes qui ont réellement besoin de ces directives.

Dans quelle mesure dois-je suivre les WCAG?

Cela dépend si vous voulez qu'il soit conforme. Comme mentionné par Devin, vous les suivez ou non. Si vous voulez qu'il soit conforme, vous devez les suivre, sinon, il ne sera pas conforme. Il n'y a pas d'intermédiaire pour cela. Il réussit ou échoue à se conformer aux directives.

Je sais que cela permet une meilleure visibilité pour ceux qui ont des problèmes de vision, mais si cela aggrave la situation pour la majorité des utilisateurs (bien que subjectivement),

Sur quoi était-ce basé? Comment ont-ils pensé que cela semblait ou lisibilité (tous deux subjectifs jusqu'à ce qu'ils soient testés)? ou les deux?

dois-je toujours suivre les WCAG malgré ce qui semble plus facile à lire?

Si vous voulez qu'il soit conforme, alors oui, vous devez les suivre. Si vous n'aimez pas son apparence, changez-le, utilisez différentes combinaisons de couleurs et/ou tailles de texte autorisées par la marque. Par exemple, avec un texte plus grand, cette combinaison de couleurs (blanc sur violet) passe WCAG AA.

4
UIO

"Dans quelle mesure dois-je suivre les WCAG?"

1 Vous n'êtes pas obligé de le suivre du tout si vous ne le souhaitez pas, selon ce que industrie vous êtes, car il existe des lois sur la discrimination bien qu'elles soient généralement appliquées au gouvernement et au secteur public.

2 Cela dépend du niveau de conformité vous voulez atteindre A, AA ou AAA donc ce n'est pas noir et blanc, comme vous suivez ou non.

Les opinions ne devraient pas avoir d'importance car elles changeraient non seulement d'une personne à l'autre, mais pourraient changer en fonction de l'humeur de la personne ou de la phase de la lune. Pour moi, le texte blanc semble flou et le noir est clair, subjectif et probablement ma vue.

Jouez avec WebAIM Color Contrast Checker , voyez ce qui fonctionne et prenez une décision.

3
Igor-G

Il y a deux ou trois choses à noter ici,

  1. Vous pouvez utiliser un outil comme Color Oracle pour voir comment une personne atteinte de daltonisme verrait votre interface utilisateur.
  2. Si vous augmentez la taille de la police à 18 pt (ou 14 pt en gras), votre rapport de contraste actuel serait suffisant pour répondre à la norme WCAG 2.0.
1
Adnan Khan