{"id":10813,"date":"2022-09-01T01:00:00","date_gmt":"2022-08-31T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=10813"},"modified":"2022-11-03T09:10:37","modified_gmt":"2022-11-03T08:10:37","slug":"site-web-daltoniens","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/","title":{"rendered":"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens"},"content":{"rendered":"<p>De r\u00e9centes \u00e9tudes r\u00e9v\u00e8lent que 0,5 % de la population f\u00e9minine et 8,5 % de la population masculine dans le monde est atteinte de daltonisme, une anomalie de la vision affectant la perception des couleurs.<\/p>\n<p>Autrement dit, en moyenne, ce sont 4 % des visiteurs d&#8217;un site Internet ou d&#8217;une application mobile qui ne le voient pas tel qu&#8217;il a \u00e9t\u00e9 pens\u00e9 par son concepteur.<\/p>\n<p>Aussi, parce qu&#8217;une meilleure accessibilit\u00e9 des couleurs n&#8217;implique pas n\u00e9cessairement une remise en cause de l&#8217;esth\u00e9tique d&#8217;un site web, pourquoi ne pas miser sur un design optimis\u00e9 pour les daltoniens pour votre site.<\/p>\n<p>Voici d&#8217;ailleurs 8 astuces pour r\u00e9ussir ce projet.<\/p>\n<p>&nbsp;<\/p>\n<h2>Concevoir un site web en prenant en compte les couleurs et l\u2019accessibilit\u00e9 pour les daltoniens<\/h2>\n<p>Vous \u00eates sans doute tr\u00e8s fier(\u00e8re) des <strong>couleurs de votre logo et de votre marque <\/strong>mais avez-vous pris en compte le fait que tout le monde ne distingue pas les couleurs de la m\u00eame fa\u00e7on&nbsp;? Il existe <strong>diff\u00e9rents types de daltonisme<\/strong>qui peuvent rendre votre site web difficile d\u2019acc\u00e8s. Il est aussi essentiel de prendre en compte les personnes malvoyantes pour transmettre votre message \u00e0 un plus large public. Pour <strong>optimiser l\u2019accessibilit\u00e9 de votre site<\/strong>, vous pouvez prendre en compte deux choses essentielles&nbsp;:<\/p>\n<ul>\n<li><strong>Cr\u00e9er des contrastes importants<\/strong> entre l\u2019arri\u00e8re-plan et le contenu<\/li>\n<li>Ne pas utiliser la couleur comme unique moyen de transmettre une information<\/li>\n<\/ul>\n<p>Vous pouvez commencer par faire un point sur vos maquettes et v\u00e9rifier que les informations ne soient pas transmises par la couleur lorsque c\u2019est possible. Trouvez d\u2019abord des alternatives puis utilisez les <strong>simulateurs en ligne<\/strong> pour vous placer du point de vue d\u2019un daltonien.<\/p>\n<p>Heureusement, il existe des <strong>astuces graphiques et des ressources en ligne<\/strong> pour vous aider \u00e0 <strong>concevoir un site optimis\u00e9 pour les daltoniens. <\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>1. Ne jamais utiliser la couleur seule<\/h2>\n<figure id=\"attachment_10815\" aria-describedby=\"caption-attachment-10815\" style=\"width: 550px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-10815 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/questionnaire-optimise-daltonien.jpg\" alt=\"Questionnaire optimis\u00e9 pour les daltoniens sur Facebook\" width=\"550\" height=\"555\" \/><figcaption id=\"caption-attachment-10815\" class=\"wp-caption-text\">Source&nbsp;: <a href=\"https:\/\/www.facebook.com\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a><\/figcaption><\/figure>\n<p>Que ce soit pour transmettre des informations ou pour inviter un internaute \u00e0 passer \u00e0 l&#8217;action, utiliser uniquement la couleur correspond \u00e0 prendre le risque que certains passent \u00e0 c\u00f4t\u00e9 de votre message.<\/p>\n<p>Par exemple, il est fr\u00e9quent d&#8217;afficher en rouge les messages d&#8217;erreur sur le web. Eh bien, il y a de fortes chances que les daltoniens passent \u00e0 c\u00f4t\u00e9 d&#8217;eux puisque la plupart ne per\u00e7oivent pas la couleur rouge.<\/p>\n<p>Aussi, pour un site avec design optimis\u00e9 pour les daltoniens, la bonne pratique \u00e0 adopter est de toujours coupler la couleur \u00e0 d&#8217;autres indicateurs qui peuvent prendre la forme de symboles, de textes ou encore d&#8217;ic\u00f4nes.<\/p>\n<p>Ainsi, vous \u00eates certain que personne ne passera \u00e0 c\u00f4t\u00e9 des informations cl\u00e9s sur lesquelles vous souhaitez communiquer.<\/p>\n<p>&nbsp;<\/p>\n<h2>2. Optez pour un design minimaliste pour votre site web<\/h2>\n<p>\u00c0 l&#8217;heure o\u00f9 le design minimaliste est tr\u00e8s <a href=\"https:\/\/graphiste.com\/blog\/best-of-tendances-2020\" target=\"_blank\" rel=\"noopener noreferrer\">tendance dans le monde du web<\/a>, pourquoi ne pas l&#8217;adopter pour votre site web.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-8913\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/11\/design-minimaliste.jpg\" alt=\"\" width=\"600\" height=\"536\" \/><\/p>\n<p>En effet, en limitant la palette de couleurs disponibles pour concevoir votre vitrine Internet, vous allez r\u00e9duire les risques de confusion pour les personnes souffrant de daltonisme.<\/p>\n<p>Or, ceci va se faire sans alt\u00e9rer les qualit\u00e9s esth\u00e9tiques de votre site \u00e9tant donn\u00e9 que le web fourmille de sites au design minimaliste renvoyant une image d&#8217;\u00e9l\u00e9gance et d&#8217;authenticit\u00e9.<\/p>\n<p>Avez-vous remarqu\u00e9 que le g\u00e9ant de l\u2019informatique Apple propose des designs minimalistes et \u00e9pur\u00e9s. Faire le choix d\u2019<strong>un graphisme minimaliste <\/strong>permet de rendre votre site web plus accessible en limitant le nombre d\u2019informations comme le nombre de couleurs notamment.<\/p>\n<p>De plus, un<strong> design de site web minimaliste<\/strong> pr\u00e9sente d\u2019autres avantages comme&nbsp;:<\/p>\n<ul>\n<li>la rapidit\u00e9 de chargement des pages<\/li>\n<li>Une <strong>exp\u00e9rience utilisateur<\/strong> optimis\u00e9e<\/li>\n<li>Un graphisme tendance et \u00e9l\u00e9gant<\/li>\n<li>Un message simple et bien cibl\u00e9<\/li>\n<\/ul>\n<p>Vous pouvez donc concevoir un <strong>site web optimis\u00e9 pour les daltoniens<\/strong> en choisissant un design minimaliste tout en suivant les tendances graphiques du moment.<\/p>\n<p>&nbsp;<\/p>\n<h2>3. Cr\u00e9ez des contrastes de couleur pour vous assurer que tout est identifiable<\/h2>\n<p>Si l&#8217;utilisation de la couleur seule est \u00e0 absolument \u00e9viter comme nous l&#8217;avons vu plus haut, le <a href=\"https:\/\/graphiste.com\/blog\/choisir-couleur-interface-web\" target=\"_blank\" rel=\"noopener noreferrer\">choix des couleurs<\/a> reste essentiel dans un projet de site web.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-17241\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/02\/charte_graphique_doer_erreurs-e1582188170811.jpg\" alt=\"charte graphique erreurs \u00e0 ne pas faire graphiste marque doer\" width=\"700\" height=\"467\" \/><\/p>\n<p>Afin d&#8217;optimiser le design de ce dernier pour les daltoniens, optez pour des teintes contrast\u00e9es de sorte \u00e0 \u00eatre parfaitement distingu\u00e9es par tous les internautes, m\u00eame ceux atteints de daltonisme.<\/p>\n<p>Bien s\u00fbr, le couple blanc\/noir fonctionne parfaitement mais il est aussi possible de miser sur des coloris comme le trio vert citron, vert caca d&#8217;oie et bleu<a href=\"https:\/\/graphiste.com\/blog\/comment-utiliser-gris-creations-graphiques\" target=\"_blank\" rel=\"noopener noreferrer\"> gris.<\/a><\/p>\n<p>Vous pouvez donc <strong>optimiser la visibilit\u00e9<\/strong> en cr\u00e9ant un contraste \u00e9lev\u00e9 entre l&#8217;arri\u00e8re-plan et les diff\u00e9rentes couleurs pr\u00e9sentes dans le contenu des pages. Il est possible d\u2019utiliser des outils en ligne pour effectuer une simulation et v\u00e9rifier que vos contenus soient visibles par les<strong> personnes atteintes de daltonisme<\/strong>.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/conseils-utiliser-couleur-noire-creations-print-web\">9 conseils pour utiliser la couleur noire dans vos cr\u00e9ations print et web<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>4. Utiliser des outils en ligne<\/h2>\n<p>Pour vous aider \u00e0 concevoir un design accessible \u00e0 tous, il existe des outils capables de simuler les <strong>diff\u00e9rents types de daltonisme<\/strong>. Vous pourrez alors adapter votre palette de couleurs pour rendre votre site web accessible \u00e0 tous.<\/p>\n<p><a href=\"https:\/\/apps.apple.com\/ca\/app\/sim-daltonism\/id693112260?l=fr&amp;mt=12\">Sim Daltonisme <\/a>vous aide \u00e0 visualiser les couleurs telles qu\u2019elles sont per\u00e7ues par les daltoniens. Cette application disponible sur Apple vous aidera \u00e0 am\u00e9liorer et \u00e0 <strong>adapter le design de votre site web<\/strong> et \u00e0 comprendre les diff\u00e9rents types de daltonisme.<\/p>\n<p><a href=\"https:\/\/apps.apple.com\/ca\/app\/sim-daltonism\/id693112260?l=fr&amp;mt=12\">Colorschemedesigner<\/a> vous sera aussi utile pour <strong>simuler la perception des couleurs<\/strong> par un daltonien avec l\u2019outil \u201cvision simulation\u201d.<\/p>\n<p><a href=\"https:\/\/www.toptal.com\/designers\/colorfilter\"><strong>Toptal Color Filter<\/strong><\/a> est un outil en ligne permettant de<strong> tester l\u2019accessibilit\u00e9 de votre site web <\/strong>en simulant la perception d\u2019une personne daltonienne.<\/p>\n<p>Il existe aussi des outils hors ligne pour<strong> tester vos contrastes<\/strong> et v\u00e9rifier l\u2019accessibilit\u00e9 de votre site web comme <a href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\">Contrast Analyser<\/a>.<\/p>\n<p>Et vous ne le saviez peut-\u00eatre pas mais <strong>Photoshop<\/strong> propose aussi une fonctionnalit\u00e9 pour visualiser<strong> la perception des couleurs<\/strong> du point de vue d\u2019un daltonien.<\/p>\n<p>Concevoir une <strong>palette de couleur contrast\u00e9e et accessible \u00e0 tous<\/strong> est possible en utilisant les bons outils. <a href=\"https:\/\/toolness.github.io\/accessible-color-matrix\/?n=white&amp;n=Color%202&amp;n=Color%203&amp;n=Color%204&amp;n=Color%205&amp;v=FFFFFF&amp;v=FEDC2A&amp;v=5A3B5D&amp;v=8B538F&amp;v=C3A3C9\">Accessible Color palette Builder<\/a> fait partie de ces outils pratiques pour vous aider \u00e0 <strong>cr\u00e9er un site optimis\u00e9.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>4. Ayez recours aux motifs et textures pour renforcer les contrastes<\/h2>\n<p>Si votre site contient des \u00e9l\u00e9ments graphiques tels que des histogrammes et que vous craignez que le contraste des couleurs ne soit pas suffisant pour que des daltoniens puissent ais\u00e9ment les identifier, vous pouvez ajouter des motifs et textures pour favoriser leur identification.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14921\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/11\/3D-website-webdesign-interaction-e1574435777642.jpg\" alt=\"\" width=\"650\" height=\"488\" \/><\/p>\n<p>De m\u00eame, \u00e9vitez les l\u00e9gendes o\u00f9 apparaissent seulement des carr\u00e9s reprenant les couleurs pr\u00e9sents dans vos graphiques et privil\u00e9giez des \u00e9tiquettes textuelles dans les graphiques.<\/p>\n<p>Le risque de confusion li\u00e9 \u00e0 l&#8217;utilisation des couleurs sera ainsi totalement dilu\u00e9.<\/p>\n<p>Vous pouvez avoir recours \u00e0 d\u2019autres <strong>astuces graphiques<\/strong> pour adapter votre site web aux personnes atteintes de\u00a0<strong>daltonisme.<\/strong> Par exemple, vous pouvez int\u00e9grer un symbole correspondant \u00e0 une couleur en prenant soin d\u2019indiquer une l\u00e9gende. C\u2019est une technique graphique int\u00e9ressante si vous \u00eates oblig\u00e9 d\u2019int\u00e9grer des couleurs \u00e0 votre site pour transmettre votre message. Il s\u2019agit tout simplement d\u2019ajouter un <strong>nouveau rep\u00e8re visuel<\/strong> pour guider les daltoniens.<\/p>\n<blockquote><p>Lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/reussir-mise-en-forme-graphique\" target=\"_blank\" rel=\"noopener noreferrer\">8 conseils pour r\u00e9ussir la mise en forme des \u00e9l\u00e9ments d\u2019un graphique<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>5. Bannissez les mauvaises combinaisons de couleurs<\/h2>\n<p>Le daltonisme est une anomalie qui emp\u00eache de distinguer la lumi\u00e8re rouge (protanopie), verte (deut\u00e9ranopie) et plus rarement bleue (tritanopie).<\/p>\n<p>Par cons\u00e9quent, certaines combinaisons de couleurs sont \u00e0 absolument \u00e9viter. Les associations vert\/rouge, vert\/marron, vert\/bleu ou encore bleu\/violet, pour ne citer qu&#8217;elles, devraient cr\u00e9er la confusion et priver un daltonien de profiter d&#8217;une exp\u00e9rience utilisateur optimale sur votre site web.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-10816 size-full\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/couleur-eviter-daltoniens.jpg\" alt=\"Couleurs \u00e0 \u00e9viter pour les daltoniens\" width=\"580\" height=\"320\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>7. Trouver des alternatives aux couleurs<\/h2>\n<p>Si vous souhaitez <strong>optimiser votre site web pour les daltoniens<\/strong>, vous n\u2019\u00eates pas oblig\u00e9 de vous focaliser sur les couleurs. Il existe d\u2019autres astuces simples \u00e0 mettre en place pour rendre vos contenus accessibles \u00e0 tous.<\/p>\n<p>Vous pouvez <strong>souligner les textes<\/strong> qui comportent des liens pour les rendre plus visibles. Il est aussi conseill\u00e9 de\u00a0<strong>privil\u00e9gier les textes aux images <\/strong>pour \u00e9viter toute confusion. Vous pouvez remplacer les couleurs par des formes, des textures et des symboles lorsque c\u2019est possible. Prenez le temps d\u2019analyser la maquette de votre site web pour v\u00e9rifier que les principales informations ne sont pas transmises par le biais des couleurs mais pas du texte.<\/p>\n<p>&nbsp;<\/p>\n<h2>8. Faire tester votre site web<\/h2>\n<p>Maintenant que vous avez<strong> cr\u00e9\u00e9 un site web au design minimaliste<\/strong> et cr\u00e9\u00e9 une palette de couleur adapt\u00e9e \u00e0 toutes les visions, vous pouvez <strong>faire tester votre site<\/strong>. Demandez \u00e0 des personnes atteintes de daltonisme de <strong>tester l\u2019accessibilit\u00e9 de votre site <\/strong>afin de l\u2019am\u00e9liorer si c\u2019est n\u00e9cessaire. Faites votre maximum pour concevoir un <strong>design universel <\/strong>adapt\u00e9 \u00e0 tous. <strong>Un graphiste professionnel<\/strong> peut vous aider \u00e0 concevoir un site web optimis\u00e9 et accessible pour les daltoniens.<\/p>\n<p>&nbsp;<\/p>\n<h2>Notre astuce<\/h2>\n<p>Dites-vous bien qu&#8217;en appliquant ces astuces, vous cr\u00e9erez un site dot\u00e9 d&#8217;un design optimis\u00e9 pour le plus grand nombre. En effet, les daltoniens comme les autres internautes pourront profiter d&#8217;une exp\u00e9rience utilisateur de qualit\u00e9.<\/p>\n<p>Faites concevoir un site web pour daltonien avec un <strong>graphiste freelance professionnel<\/strong> sur <a href=\"https:\/\/graphiste.com\" target=\"_blank\" rel=\"noopener noreferrer\">Graphiste.com<\/a>&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Juste au dessus, un test de daltonisme. Avec des \u00e9crans d&#8217;ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre &#8220;74&#8221;. Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.<\/p>\n","protected":false},"author":30,"featured_media":36288,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-10813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Juste au dessus, un test de daltonisme. Avec des \u00e9crans d&#039;ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre &quot;74&quot;. Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Juste au dessus, un test de daltonisme. Avec des \u00e9crans d&#039;ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre &quot;74&quot;. Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-31T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:10:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Florian Fattier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Florian Fattier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\"},\"author\":{\"name\":\"Florian Fattier\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d27104bac6fb787ff6cd51a98a0915e4\"},\"headline\":\"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens\",\"datePublished\":\"2022-08-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\"},\"wordCount\":1589,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\",\"url\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\",\"name\":\"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg\",\"datePublished\":\"2022-08-31T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:10:37+00:00\",\"description\":\"Juste au dessus, un test de daltonisme. Avec des \u00e9crans d'ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre \\\"74\\\". Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Optimiser son site web pour daltonien\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d27104bac6fb787ff6cd51a98a0915e4\",\"name\":\"Florian Fattier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g\",\"caption\":\"Florian Fattier\"},\"description\":\"Florian est photographe et vid\u00e9aste freelance. Les prises de vues, le montage vid\u00e9o et la retouche photo n'ont aucun secret pour lui !\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/florian-fattier-14148b178\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/florian\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens - Graphiste Blog","description":"Juste au dessus, un test de daltonisme. Avec des \u00e9crans d'ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre \"74\". Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/","og_locale":"fr_FR","og_type":"article","og_title":"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens - Graphiste Blog","og_description":"Juste au dessus, un test de daltonisme. Avec des \u00e9crans d'ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre \"74\". Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.","og_url":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-08-31T23:00:00+00:00","article_modified_time":"2022-11-03T08:10:37+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg","type":"image\/jpeg"}],"author":"Florian Fattier","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Florian Fattier","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/"},"author":{"name":"Florian Fattier","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d27104bac6fb787ff6cd51a98a0915e4"},"headline":"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens","datePublished":"2022-08-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:37+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/"},"wordCount":1589,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/","url":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/","name":"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg","datePublished":"2022-08-31T23:00:00+00:00","dateModified":"2022-11-03T08:10:37+00:00","description":"Juste au dessus, un test de daltonisme. Avec des \u00e9crans d'ordinateur correctement configur\u00e9s, les personnes ayant une vision normale devraient voir le nombre \"74\". Les personnes atteintes de daltonisme rouge-vert devraient voir le \u00ab 21 \u00bb et celles qui sont totalement daltoniennes ne verront peut-\u00eatre aucun chiffre.","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/site-web-daltoniens\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/04\/image-optimiser-site-daltonien-1.jpg","width":850,"height":423,"caption":"Optimiser son site web pour daltonien"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/site-web-daltoniens\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"8 astuces pour concevoir un site web optimis\u00e9 pour les daltoniens"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d27104bac6fb787ff6cd51a98a0915e4","name":"Florian Fattier","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/34590ee0ce26a3d41c13159236d10152b5ef5b708de8b49ed504e1c5f07cd9e6?s=96&d=mm&r=g","caption":"Florian Fattier"},"description":"Florian est photographe et vid\u00e9aste freelance. Les prises de vues, le montage vid\u00e9o et la retouche photo n'ont aucun secret pour lui !","sameAs":["https:\/\/www.linkedin.com\/in\/florian-fattier-14148b178\/"],"url":"https:\/\/graphiste.com\/blog\/author\/florian\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/10813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=10813"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/10813\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/36288"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=10813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=10813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=10813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}