https://tube.numerique.gouv.fr/videos/watch/81b6a3c5-b9d4-426f-ba94-bf7c4524b9c7 [Transcription en fin de description] Pourquoi aucune information d’un site web ne doit être véhiculée uniquement par la couleur ? Parce que tout le monde ne perçoit pas les couleurs, ou ne les perçoit pas de la même manière. Explications avec Stéphanie Nazarian, responsable du Pôle design et accessibilité. Pour estimer de manière rapide et partielle l’accessibilité d’un site ou d’un service en ligne, sans avoir d’expertise particulière, rendez-vous sur notre page Diagnostic flash : https://design.numerique.gouv.fr/outils/diagnostic-flash Pour télécharger l’extension de navigateur WCAG Color Contrast Checker (symbolisée par une roue multicolore) : Extension pour Chrome https://chromewebstore.google.com/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf?pli=1, Extension pour Firefox https://addons.mozilla.org/en-US/firefox/addon/wcag-contrast-checker, Extension pour Edge https://microsoftedge.microsoft.com/addons/detail/wcag-color-contrast-check/idahaggnlnekelhgplklhfpchbfdmkjp, DesignGouv est une équipe de la Direction interministérielle du numérique (Dinum). Consultez notre site : https://design.numerique.gouv.fr/ Suivez-nous sur LinkedIn : https://www.linkedin.com/company/designgouv TRANSCRIPTION Face caméra, Stéphanie Nazarian, responsable du Pôle design et accessibilité, explique pourquoi, pour des raisons d’accessibilité, aucune information d’un site web ne doit être véhiculée uniquement par la couleur. En plein écran, Stéphanie commence : « Pour qu’une page web soit accessible, aucune information ne doit être véhiculée uniquement par la couleur. Pourquoi ? Parce que tout le monde ne perçoit pas les couleurs ou ne les perçoit pas de la même manière. C’est notamment le cas des personnes malvoyantes ou daltoniennes. » Une page web s’affiche ensuite à l’écran, simulant la vision d’une personne atteinte d’achromatopsie, donc en nuances de gris. Stéphanie commente en voix off : « Par exemple, vous voyez le lien cliquable en bleu ? Non, pas si vous êtes atteint d’achromatopsie. Dans ce cas, vous voyez en nuances de gris, comme le simule cet écran. » La page web affichée à l’écran repasse en couleurs : on voit un lien cliquable. Stéphanie commente : « Et pourtant, le lien est bien là, en bleu. Souligner les liens les rend perceptibles indépendamment de leur couleur. Cela les rend également plus facilement identifiables pour tout le monde. » En plein écran, Stéphanie poursuit : « Prenons un autre exemple. » L’écran montre un formulaire en ligne où l’un des champs est en jaune. Stéphanie commente : « Regardez ce formulaire : on nous dit que “les champs en jaune sont obligatoires”. Comment une personne qui ne perçoit pas le jaune peut-elle savoir de quels champs il s’agit ? » De retour en plein écran, Stéphanie dit : « Pour être accessible, il faut préciser dans l’intitulé que le champ est obligatoire, soit en l’indiquant en toutes lettres, soit à l’aide d’un astérisque, accompagné de la mention “Les champs marqués d’un astérisque sont obligatoires”. » Stéphanie poursuit : « Le test imparable pour s’assurer qu’aucune information n’est véhiculée uniquement par la couleur, c’est de passer son écran en nuances de gris. C’est possible avec l’extension de navigateur WCAG Color Contrast Checker, en simulant l’achromatopsie. » À l’écran, on voit une page web avec une carte de la France métropolitaine, où les départements sont de trois couleurs différentes : vert, orange et jaune. À gauche de la carte, on voit le panneau de contrôle de l’extension WCAG Color Contrast Checker, où l’utilisateur sélectionne l’option de simulation de l’achromatopsie. La carte de France métropolitaine apparaît alors en nuances de gris : on ne distingue que deux nuances de gris, alors que la carte comporte trois couleurs. Une croix rouge apparaît sur la carte pour symboliser cette erreur. Stéphanie explique en voix off : « Vous ne verrez plus vos schémas, vos graphiques et vos cartes de la même façon. » FIN DE TRANSCRIPTION Thu, 08 Oct 2026 16:50:22 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.numerique.gouv.fr https://tube.numerique.gouv.fr/client/assets/images/icons/icon-1500x1500.png https://tube.numerique.gouv.fr/videos/watch/81b6a3c5-b9d4-426f-ba94-bf7c4524b9c7 All rights reserved, unless otherwise specified in the terms specified at https://tube.numerique.gouv.fr/about and potential licenses granted by each content's rightholder.