Vérifier qu’une page est utilisable par les personnes atteintes de daltonisme

Pour case activée qu’une page web est utilisable par les personnes daltoniennes, dans l’outil Rendu, utilisez la liste déroulante Émuler les déficiences visuelles.

Sur la page web de démonstration des tests d’accessibilité, les différents états de don utilisent la couleur comme seul moyen de différenciation :

• Le vert signifie qu’un grand nombre de dons ont été reçus.
• Le jaune signifie qu’un montant moyen de dons a été reçu.
• Rouge signifie qu’un faible montant de dons a été reçu.

Toutefois, vous ne pouvez pas vous attendre à ce que tous vos utilisateurs expérimentent ces couleurs comme prévu. En utilisant la fonctionnalité Émuler les lacunes de la vision de l’outil Rendu , vous pouvez découvrir que cette conception n’est pas suffisante, en simulant la façon dont les personnes ayant une vision différente percevraient votre conception.

Pour case activée si une page web est utilisable par les personnes atteintes de daltonisme :

1. Ouvrez la page web dans une nouvelle fenêtre ou un nouvel onglet, comme la page web de démonstration des tests d’accessibilité.

2. Cliquez avec le bouton droit n’importe où dans la page web, puis sélectionnez Inspecter. Ou appuyez sur F12. DevTools s’ouvre en regard de la page web. Par défaut, le panneau Affichage rapide est ouvert en bas de DevTools.

3. Si le panneau Affichage rapide n’est pas déjà ouvert, appuyez sur Échap pour ouvrir le panneau Affichage rapide (lorsque le focus est sur DevTools). Dans le panneau Affichage rapide , cliquez sur le bouton Plus d’outils (+), puis sélectionnez l’outil Rendu .

4. Faites défiler jusqu’à la liste déroulante Émuler les déficiences de la vision, puis sélectionnez Protanopia (sans rouge). La protatopie est moins sensible à la lumière rouge, ce qui rend difficile la distinction entre le vert, le rouge et le jaune :

   

5. Pour supprimer la simulation, dans la liste déroulante Émuler les déficiences de la vision , sélectionnez Aucune émulation.

Voir aussi

• Émuler les déficiences visuelles : définit les éléments de la liste déroulante Émuler les déficiences de la vision , notamment Protanopia, Deutéranopia, Tritanopia et Achromatopsia.