{"id":2595,"date":"2014-04-08T09:54:11","date_gmt":"2014-04-08T07:54:11","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=2595"},"modified":"2023-02-15T17:59:56","modified_gmt":"2023-02-15T16:59:56","slug":"creer-facilement-palette-couleurs-accessibles","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/","title":{"rendered":"Cr\u00e9er facilement une palette de couleurs accessibles"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div><p>L&rsquo;accessibilit\u00e9 des couleurs et les contraintes li\u00e9es au contraste ont souvent mauvaise presse aupr\u00e8s des designers. Certains craignent que les contraintes d\u2019accessibilit\u00e9 des couleurs limitent leur palette et par la m\u00eame occasion leur cr\u00e9ativit\u00e9. D\u2019autres pensent (\u00e0 tort) que l\u2019accessibilit\u00e9 des couleurs n\u2019est r\u00e9serv\u00e9e qu\u2019\u00e0 une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible de leur site.<\/p>\n<p>Pourtant le difficult\u00e9s li\u00e9es au manque de contraste concernent et concerneront \u00e0 un moment donn\u00e9 tout le monde. Qui ne s\u2019est jamais plaint que de ne pas arriver \u00e0 lire ce qu\u2019il y a d\u2019\u00e9crit sur l\u2019\u00e9cran de son iPhone en plein soleil \u00e0 cause du manque de contraste\u00a0? Qui n\u2019a jamais r\u00eav\u00e9 d\u2019aller travailler sur la terrasse d\u2019un caf\u00e9 pour se rendre compte qu\u2019au final il lui \u00e9tait impossible de travailler, car il ne voyait rien sur son \u00e9cran\u00a0?<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2014\/04\/accessible-colorcode-00-b-explaination.jpg\" alt=\"contrast analyser\" width=\"684\" height=\"425\" \/><\/p>\n<p>J&rsquo;ai traduit pour alsacr\u00e9ations mon tutoriel \u00ab\u00a0<a title=\"Permanent Link to Tips to Create an Accessible and Contrasted Color Palette\" href=\"http:\/\/blog.stephaniewalter.fr\/en\/tips-create-accessible-color-palette\/\" rel=\"bookmark\">Tips to Create an Accessible and Contrasted Color Palette<\/a>\u00ab\u00a0, vous pouvez retrouver l&rsquo;article ici :<\/p>\n<p class=\"cta text-center\"><a href=\"http:\/\/www.alsacreations.com\/tuto\/lire\/1619-creer-facilement-une-palette-de-couleurs-accessibles.html\" class=\"button is-accentuated has-icon\"><span>Cr\u00e9er facilement une palette de couleurs accessibles <svg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-arrow-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><use xlink:href=\"#icon-arrow-right\"><\/use><\/svg><\/span><\/a><\/p>\n<h2>Plus d&rsquo;articles sur l&rsquo;accessibilit\u00e9<\/h2>\n<p>Si le sujet vous int\u00e9resse, je vous propose de continuer sur mon blog avec les contenus suivants :<\/p>\n<ul>\n<li><a href=\"https:\/\/stephaniewalter.design\/fr\/blog\/accessibilite-et-couleurs-outils-et-ressources-pour-concevoir-des-produits-accessible\/\">Accessibilit\u00e9 et couleurs : outils et ressources pour concevoir des produits accessibles<\/a><\/li>\n<li><a href=\"https:\/\/stephaniewalter.design\/fr\/blog\/documenter-accessibilite-en-phase-de-design\/\">Documenter l\u2019accessibilit\u00e9 en phase de design !<\/a>, un guide pour vous aider \u00e0 documenter les couleurs mais pas que<\/li>\n<li><a href=\"https:\/\/shop.stephaniewalter.design\/b\/kit-de-documentation-annotation-accessibilite-pour-designer\">Mon kit de documentation de l&rsquo;accessibilit\u00e9 et des interactions<\/a>, aved une checklist et des fichiers Figma\/Sketch pour faciliter la communication et documentation de l&rsquo;accessibilit\u00e9 entre les \u00e9quipes<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 10 ans. Il se peut qu&rsquo;il ne soit plus \u00e0 jour.L&rsquo;accessibilit\u00e9 des couleurs et les contraintes li\u00e9es au contraste ont souvent mauvaise presse aupr\u00e8s des designers. Certains craignent que les contraintes d\u2019accessibilit\u00e9 des couleurs limitent leur palette et par la m\u00eame occasion leur cr\u00e9ativit\u00e9. D\u2019autres pensent (\u00e0 tort) que l\u2019accessibilit\u00e9 des couleurs n\u2019est r\u00e9serv\u00e9e qu\u2019\u00e0 une infime partie de la population atteinte de handicaps visuels comme le daltonisme, hors de la cible &hellip;<\/p>\n","protected":false},"author":3,"featured_media":7692,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[223],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cr\u00e9er facilement une palette de couleurs accessibles - par St\u00e9phanie Walter - UX Researcher &amp; Designer<\/title>\n<meta name=\"description\" content=\"Cr\u00e9er facilement \u00e0 l&#039;aide de deux outils une palette de couleurs accessible avec un contraste suffisant pour vos projets de design de site et d&#039;application mobiles\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9er facilement une palette de couleurs accessibles - par St\u00e9phanie Walter - UX Researcher &amp; Designer\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9er facilement \u00e0 l&#039;aide de deux outils une palette de couleurs accessible avec un contraste suffisant pour vos projets de design de site et d&#039;application mobiles\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/\" \/>\n<meta property=\"og:site_name\" content=\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-08T07:54:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-15T16:59:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1700\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"St\u00e9phanie Walter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:site\" content=\"@walterstephanie\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"St\u00e9phanie Walter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/\",\"name\":\"Cr\u00e9er facilement une palette de couleurs accessibles - par St\u00e9phanie Walter - UX Researcher & Designer\",\"isPartOf\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg\",\"datePublished\":\"2014-04-08T07:54:11+00:00\",\"dateModified\":\"2023-02-15T16:59:56+00:00\",\"author\":{\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\"},\"description\":\"Cr\u00e9er facilement \u00e0 l'aide de deux outils une palette de couleurs accessible avec un contraste suffisant pour vos projets de design de site et d'application mobiles\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/#primaryimage\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg\",\"contentUrl\":\"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg\",\"width\":1700,\"height\":700},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#website\",\"url\":\"https:\/\/stephaniewalter.design\/fr\/\",\"name\":\"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.\",\"description\":\"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf\",\"name\":\"St\u00e9phanie Walter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g\",\"caption\":\"St\u00e9phanie Walter\"},\"description\":\"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)\",\"sameAs\":[\"https:\/\/stephaniewalter.design\/\",\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\",\"https:\/\/twitter.com\/walterstephanie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cr\u00e9er facilement une palette de couleurs accessibles - par St\u00e9phanie Walter - UX Researcher & Designer","description":"Cr\u00e9er facilement \u00e0 l'aide de deux outils une palette de couleurs accessible avec un contraste suffisant pour vos projets de design de site et d'application mobiles","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:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/","og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9er facilement une palette de couleurs accessibles - par St\u00e9phanie Walter - UX Researcher & Designer","og_description":"Cr\u00e9er facilement \u00e0 l'aide de deux outils une palette de couleurs accessible avec un contraste suffisant pour vos projets de design de site et d'application mobiles","og_url":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/","og_site_name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","article_published_time":"2014-04-08T07:54:11+00:00","article_modified_time":"2023-02-15T16:59:56+00:00","og_image":[{"width":1700,"height":700,"url":"https:\/\/stephaniewalter.design\/wp-content\/blogs.dir\/2\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg","type":"image\/jpeg"}],"author":"St\u00e9phanie Walter","twitter_card":"summary_large_image","twitter_creator":"@walterstephanie","twitter_site":"@walterstephanie","twitter_misc":{"\u00c9crit par":"St\u00e9phanie Walter","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/","url":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/","name":"Cr\u00e9er facilement une palette de couleurs accessibles - par St\u00e9phanie Walter - UX Researcher & Designer","isPartOf":{"@id":"https:\/\/stephaniewalter.design\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/#primaryimage"},"image":{"@id":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/#primaryimage"},"thumbnailUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg","datePublished":"2014-04-08T07:54:11+00:00","dateModified":"2023-02-15T16:59:56+00:00","author":{"@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf"},"description":"Cr\u00e9er facilement \u00e0 l'aide de deux outils une palette de couleurs accessible avec un contraste suffisant pour vos projets de design de site et d'application mobiles","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/blog\/creer-facilement-palette-couleurs-accessibles\/#primaryimage","url":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg","contentUrl":"https:\/\/stephaniewalter.design\/fr\/files\/2014\/04\/palette-couleur-accessible-@2x.jpg","width":1700,"height":700},{"@type":"WebSite","@id":"https:\/\/stephaniewalter.design\/fr\/#website","url":"https:\/\/stephaniewalter.design\/fr\/","name":"St\u00e9phanie Walter - Senior UX designer, experte mobile, conf\u00e9rences et articles.","description":"Je partage ici mes conseils, mes ressources et outils sur la conception centr\u00e9e utilisateur, la recherche et tests utilisateur, le design de produits, la strat\u00e9gie mobile, l&#039;utilisabilit\u00e9 et l&#039;accessibilit\u00e9.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stephaniewalter.design\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/643a9e5afcb1e550b6f4dca290fbf4cf","name":"St\u00e9phanie Walter","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/stephaniewalter.design\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f383c6a4dc55e331bbe2987b622cee6b?s=96&d=retro&r=g","caption":"St\u00e9phanie Walter"},"description":"UX Researcher &amp; Product Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Web Platform and Product Design (GDE)","sameAs":["https:\/\/stephaniewalter.design\/","https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/","https:\/\/twitter.com\/walterstephanie"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2595"}],"collection":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/comments?post=2595"}],"version-history":[{"count":2,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2595\/revisions"}],"predecessor-version":[{"id":8383,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/posts\/2595\/revisions\/8383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media\/7692"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/media?parent=2595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/categories?post=2595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/fr\/wp-json\/wp\/v2\/tags?post=2595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}