Conseils concernant les outils de développement: identifier et corriger le texte à faible contraste
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sofia Emelianova
Le texte à faible contraste est le principal problème d'accessibilité sur le Web. En février 2022, 83,9% des millions de premières pages d'accueil concernées par ce problème. Pour en savoir plus, consultez le rapport WebAIM Million 2022.
Les outils pour les développeurs Chrome vous permettent de découvrir tous les problèmes de contraste en un coup d'œil et de les résoudre en un clic.
Regardez la vidéo pour découvrir comment:
Affichez les rapports de contraste dans l'info-bulle du mode inspecteur et les valeurs de rapport recommandées dans le sélecteur de couleur.
Dans le sélecteur de couleur, sélectionnez les couleurs suggérées ou choisissez une couleur située sous les lignes de rapport de contraste pour respecter les consignes WebAIM.
Découvrez tous les problèmes de contraste dans les panneaux CSS Overview (Aperçu CSS) et Issues (Problèmes) (aperçu).
Émulez les déficiences visuelles pour comprendre à quoi ressemble votre page pour tous vos utilisateurs.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/10/19 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/10/19 (UTC)."],[],[]]