web-dev-qa-db-fra.com

Contraste des couleurs pour les graphiques

J'essaie de trouver des informations sur le rapport de contraste minimum entre les éléments graphiques (par exemple, un graphique à barres et son arrière-plan), mais je n'arrive pas à en trouver. Existe-t-il des bonnes pratiques?

WCAG 2.0 mentionne 3.0 Contraste entre le texte et l'arrière-plan. Serait-ce la norme pour un graphique?

1
Federico Kotek

Voir ceci : pour les éléments de conception épais (largeur> 3px), vous devez prévoir un rapport de contraste minimum de 3: 1, et 4,5: 1 sinon.

Pour un graphique à barres, les barres ont besoin d'un rapport de contraste de 3: 1 avec l'arrière-plan.

Si vous faites un graphique à barres empilé, vous aurez besoin d'un rapport de contraste de 3: 1 entre deux tranches adjacentes de la pile (ce qui est assez difficile à moins que vous alterniez des tranches claires/sombres), ou ajoutez 3px + espaces entre les tranches.

Aucune de ces choses n'est pertinente pour l'accessibilité si des étiquettes indiquant la valeur numérique des barres sont fournies, car dans ce cas, les tailles des barres ne sont pas essentielles à la compréhension.

1
qoba