Qui peut utiliser cette combinaison de couleurs ?
Rapport de contraste
8.41:1
Classification WCAG
AAA
AAA | Vision courante (trichromatique) Peut distinguer les trois couleurs primaires, avec peu ou pas de flou. | Ce que je vois 68% affecté |
AAA | Protanomalie Sensibilité réduite au rouge - difficulté à distinguer les rouges et les verts | Ce que je vois 1.3% affecté |
AAA | Protanopie Cécité au rouge - Ne voit pas du tout les rouges | Ce que je vois 1.5% affecté |
AAA | Deutéranomalie Sensibilité réduite au vert - Difficulté à distinguer les rouges et les verts | Ce que je vois 5.3% affecté |
AAA | Deutéranopie Cécité verte - Ne voit pas du tout les verts | Ce que je vois 1.2% affecté |
AAA | Tritanomalie Difficulté à distinguer les bleus et les verts, les jaunes et les rouges | Ce que je vois 0.02% affecté |
AAA | Tritanopie Incapacité à distinguer les bleus et les verts, les violets et les rouges, les jaunes et les roses | Ce que je vois 0.03% affecté |
AAA | Achromatomie Le daltonisme partiel, qui voit l'absence de la plupart des couleurs. | Ce que je vois 0.09% affecté |
AAA | Achromatopsie Cécité totale des couleurs, ne voit que les nuances | Ce que je vois 0.05% affecté |
AA | Cataractes Trouble du cristallin de l'œil qui affecte la vision | Ce que je vois 33% affecté |
AAA | Glaucome Légère perte de vision | Ce que je vois 2% affecté |
AA | Basse vision Diminution et/ou trouble de la vision (non corrigeable par les moyens habituels tels que les lunettes) | Ce que je vois 31% affecté |
Situations
AA | Lumière directe du soleil Simuler l'effet de la lumière directe du soleil sur un téléphone ou un écran | Ce que je vois |
AAA | Mode nuit Simuler l'effet du mode nuit sur un téléphone ou un écran | Ce que je vois |
Contraste•OnlineCreation ?
Contraste•OnlineCreation est la traduction française de WhoCanUse.com, un outil qui permet d'attirer l'attention et de comprendre comment le contraste des couleurs peut affecter différentes personnes souffrant de déficiences visuelles.
Les règles pour l’accessibilité des contenus Web (WCAG) couvrent un large éventail de recommandations visant à rendre le contenu du web plus accessible. L'adaptation aux personnes atteintes d'une forme de cécité ou de malvoyance n'est qu'une infime partie de l'amélioration de l'accessibilité du web.
Le système de notation standard (AA et AAA) est un bon début, mais l'objectif de WhoCanUse est d'humaniser les personnes qui sont affectées par les différentes notes.
D'où viennent ces informations ?
Les percentages viennent de colour-blindness.com et Vision Australia. Merci à eux ✌️
Votre calcul est erroné, le total n'est pas de 100 % !
Bien vu ! (haha) Les données démographiques fournies sont des estimations pour des déficiences individuelles et ne couvrent pas le grand nombre de déficiences visuelles dans le monde. Il s'agit de vous faire comprendre non seulement comment le contraste des couleurs affecte différentes personnes, mais aussi qui il peut affecter.
Je suis fasciné par le fonctionnement de cet outil, pouvez-vous m'en dire plus ?
Bien sûr ! Le processus se déroule en plusieurs étapes. Tout d'abord, nous déterminons le contraste entre deux valeurs HEX. Pour cela, nous utilisons un plugin appelé Chroma.js qui fait le gros du travail pour nous. Une fois que nous avons le ratio (et en utilisant la taille et le poids de la police), nous pouvons appliquer une note à cette combinaison de couleurs spécifique.
Pour les options de daltonisme, nous utilisons un autre plugin appelé Color-blind qui convertit nos codes HEX en codes qui seraient vus par les personnes atteintes des différentes déficiences, puis nous pouvons appliquer notre même processus pour obtenir les rapports de couleur et déterminer leur note.
Pour la cataracte, le glaucome, la basse vision et les événements situationnels, les simulations ont été créées par WhoCanUse.com.
Que signifie une note insuffisante ?
Le classement utilise une combinaison du contraste des couleurs, de la taille et du poids du texte. Un échec signifie simplement que la combinaison de couleurs représente une contrainte visuelle pour la personne qui la voit et qu'elle doit être évitée dans la mesure du possible.
Puis-je apporter ma contribution ?
Absolument ! N'hésitez pas à forker le dépôt GitHub et à soumettre une PR pour tout ajout ou changement utile.
Créé et maintenu par
@CoreyGinnivan
Traduit en français par
OnlineCreation