Des couleurs bien contrastées

dans L’accessibilité Web illustrée : explorez ses effets et ses bénéfices pour tous

About this translation

Cette traduction faite par des volontaires peut ne pas refléter les intentions de l’original en anglais.

Traduction : Sofia Ahmed, Rémi Bétin. Contribution : Sandra Velarde Gonzalez (ETNIC).
L’Initiative pour l’Accessibilité du Web (WAI) remercie les traducteurs, et accueille volontiers d’autres traductions.

Avertissement : The English original has been substantially updated since this translation. — Derniers changements
Version en anglais actualisée le : 2024-07-15 — Date de la traduction : 2023-10-12.
Nous accueillons volontiers une mise à jour de la traduction.

L’accessibilité Web est essentielle pour les personnes en situation de handicap et utile à tous. Découvrez les effets de l’accessibilité et les bénéfices pour tous dans diverses situations.

Vidéo sur des couleurs bien contrastées

Les informations de cette vidéo sont disponibles sous forme de Transcription avec description des visuels en bas de la page.

Que signifie des « couleurs bien contrastées » ?

Les couleurs utilisées doivent avoir un contraste suffisant (appelé techniquement rapport de contraste de luminance), par exemple entre la couleur du texte et la couleur d’arrière-plan. Cela inclut le texte sur des images, des icônes, et des boutons. Les couleurs utilisées pour communiquer des informations sur les diagrammes, les cartes, et d’autres types d’images doivent également être perceptibles.

Qui dépend de cette fonctionnalité ?

Les personnes avec une faible sensibilité au contraste, ce qui est courant chez les personnes âgées.
Les personnes qui ne peuvent pas distinguer certaines couleurs (souvent appelé « daltonisme »).

Quels sont les autres bénéfices ?

Le contenu est utilisable dans différentes conditions de luminosité, comme l’exposition à la lumière du soleil ou à une lumière éblouissante.
Le contenu est plus facile à lire pour tout le monde, y compris pour ceux qui n’ont pas de problèmes visuels particuliers.

Comment mettre cela en pratique ?

Choisissez des couleurs de texte et d’arrière-plan qui fournissent suffisamment de contraste. Des outils existent pour vous aider à vérifier et sélectionner des combinaisons de couleurs adéquates. On réalise idéalement cette action tôt dans la phase de conception et de choix des palettes de couleurs. Si certaines personnes ont besoin d’un contraste élevé, d’autres sont sensibles à la luminosité et ont besoin de modifier les couleurs.

Plus d’informations

Principe d’accessibilité :
- Du contenu plus facile à voir et à entendre
Pour démarrer :
- Fournissez un contraste suffisant entre le premier plan et l’arrière-plan
Vérification simple :
- Rapport de contraste (“contraste des couleurs”) (en anglais)
Témoignages d’utilisateurs :
- Lee, client de site Web marchand qui ne peut pas distinguer certaines couleurs (daltonisme)
- Yun, retraité avec une mauvaise vue, un tremblement des mains, et une perte de mémoire à court terme
Besoins des utilisateurs :
- Exigences d’accessibilité pour les personnes malvoyantes
Règles pour l’accessibilité des contenus Web (Vue d’ensemble des WCAG) :
- Critères de succès liés au “contraste”
Applicabilité aux appareils mobiles :
- Informations transmises seulement par la couleur (en anglais)

Transcription avec description des visuels

Audio	Visuel
L’accessibilité Web illustrée : des couleurs bien contrastées	L’accessibilité Web illustrée : des couleurs bien contrastées
Un bon design passe pratiquement inaperçu.	Des panneaux directionnels sont affichés. Une jeune femme marche gaiement dans la rue.
Mais il en faut peu pour rendre les choses confuses et frustrantes.	Les panneaux changent et ont désormais un contraste insuffisant. La jeune femme semble perdue.
Choisir des couleurs peu contrastées rend la navigation, la lecture et l’interaction très pénibles.	Elle regarde une application de navigation sur son téléphone mobile.
Un bon design implique un contraste suffisant entre les couleurs au premier plan et à l’arrière-plan. Cela ne concerne pas que le texte et les images, mais aussi les liens, les icônes, et les boutons.	L’application montre un bouton avec un mauvais contraste, qui se transforme peu à peu pour devenir lisible.
Toute chose suffisamment importante pour être vue doit apparaître clairement. C’est essentiel pour les personnes avec une faible sensibilité au contraste, qui devient courante avec l’âge.	Un homme âgé est assis sur un canapé et regarde une tablette. Il se lève pour aller lire un message sur son téléphone mobile.
Avec des couleurs bien choisies, l’utilisation des sites Web et des applications peut être facilitée dans plus de situations. Par exemple, dans différentes conditions de luminosité.	Le soleil se reflète sur l’écran du téléphone, mais le texte reste lisible.
L’accessibilité Web : essentielle pour certains, utile à tous.
Visitez w3.org/WAI/perspectives pour plus d’informations concernant Des couleurs bien contrastées	Visitez w3.org/WAI/perspectives pour plus d’informations concernant Des couleurs bien contrastées. Logo de l’Initiative pour l’accessibilité du Web de W3C

Retour en haut de page