{"id":24238,"date":"2022-05-01T01:00:00","date_gmt":"2022-04-30T23:00:00","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=24238"},"modified":"2022-11-03T09:16:56","modified_gmt":"2022-11-03T08:16:56","slug":"regles-utiliser-inclusive-design","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/","title":{"rendered":"UX\/UI Design\u00a0: 5 r\u00e8gles d&#8217;or pour utiliser l&#8217;Inclusive Design"},"content":{"rendered":"<p>Les questions <a href=\"https:\/\/graphiste.com\/blog\/accessibilite-site-internet-handicap\" target=\"_blank\" rel=\"noopener noreferrer\">d\u2019accessibilit\u00e9<\/a> n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations.<\/p>\n<p>Pourtant, encore trop peu de sites et applications offrent une ergonomie suffisante pour permettre une <a href=\"https:\/\/graphiste.com\/blog\/ui-ux-interfaces-erreurs-a-ne-plus-faire\">navigation ais\u00e9e<\/a> \u00e0 tous les utilisateurs. Si le Web a \u00e9t\u00e9 cr\u00e9\u00e9 pour tous, il n\u2019est pas encore accessible \u00e0 chacun&nbsp;!<\/p>\n<p>Voici donc les 5 r\u00e8gles d\u2019or pour utilise<strong>r l\u2019Inclusive Design<\/strong> et ainsi rendre vos produits plus accessibles.<\/p>\n<p>&nbsp;<\/p>\n<h2>Qu\u2019est-ce que l\u2019Inclusive Design&nbsp;?<\/h2>\n<p>Le process de l\u2019<a href=\"https:\/\/graphiste.com\/blog\/ux-ui-design-separateurs-de-section\">Inclusive Design<\/a> s\u2019int\u00e8gre d\u00e8s la conception de produits et services num\u00e9riques afin de les rendre accessibles \u00e0 tous.\u00a0L\u2019humain et toutes ses dimensions (capacit\u00e9s, besoins, aspirations) sont ainsi pris en compte dans ce process de design inclusif.<\/p>\n<figure id=\"attachment_24244\" aria-describedby=\"caption-attachment-24244\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-24244\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/accessibility.png\" alt=\"accessibilit\u00e9\" width=\"800\" height=\"600\" \/><figcaption id=\"caption-attachment-24244\" class=\"wp-caption-text\"><a href=\"https:\/\/dribbble.com\/shots\/6484299-Accessibility-Day-2019\" target=\"_blank\" rel=\"noopener noreferrer\">Source&nbsp;: Dribbble<\/a><\/figcaption><\/figure>\n<blockquote><p>Ce dernier a n\u00e9cessairement un impact important sur la r\u00e9flexion et la conception produite par le designer qui tente par ce biais de fournir un produit ou une interface qui n\u2019engendre aucune frustration, ni exclusion, \u00e0 l\u2019utilisateur final quel qu\u2019il soit.<\/p><\/blockquote>\n<p>Le design inclusif a ainsi pour vocation d\u2019int\u00e9grer&nbsp;:<\/p>\n<ul>\n<li>les personnes dites \u201cnormales\u201d,<\/li>\n<li>les personnes \u00e2g\u00e9es et tr\u00e8s \u00e2g\u00e9es,<\/li>\n<li>les personnes en situations de handicap.<\/li>\n<\/ul>\n<p>Afin de r\u00e9pondre aux besoins de chacun, l\u2019Inclusive Design consid\u00e8re la nature de la d\u00e9ficience de l\u2019utilisateur&nbsp;: visuelle, physique, auditive ou cognitive, qui peut en outre r\u00e9sulter d\u2019un handicap permanent, temporaire ou situationnel.<\/p>\n<blockquote><p>En allant encore plus loin, l\u2019Inclusive Design prend \u00e9galement en consid\u00e9ration les infrastructures de ses utilisateurs. Tels que leurs licences 4G, les \u00e9quipements et terminaux\u2026En r\u00e9sum\u00e9, l\u2019Inclusive Design vise \u00e0 rendre le web accessible \u00e0 tous.<\/p><\/blockquote>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ux-ui-design-regles-valoriser-creations\">UX\/UI Design&nbsp;: 5 r\u00e8gles pour valoriser vos cr\u00e9ations<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Les 5 r\u00e8gles d\u2019or de l\u2019Inclusive Design<\/h2>\n<p>Vous souhaitez vous engager dans cette d\u00e9marche de design inclusif&nbsp;? Concevoir et d\u00e9velopper des produits et services accessibles \u00e0 tous est certes une excellente chose, mais la proc\u00e9dure \u00e0 suivre n\u2019est pas inn\u00e9e.<\/p>\n<p>Comment proc\u00e9der&nbsp;? Voici cinq pistes \u00e0 explorer pour parvenir \u00e0 utiliser convenablement l\u2019Inclusive Design.<\/p>\n<figure id=\"attachment_24245\" aria-describedby=\"caption-attachment-24245\" style=\"width: 1778px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-24245\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/microsoft-inclusive-design.gif\" alt=\"inclusive design\" width=\"1778\" height=\"666\" \/><figcaption id=\"caption-attachment-24245\" class=\"wp-caption-text\">\u00a9Microsoft &#8211; Inclusive Design at Microsoft<\/figcaption><\/figure>\n<h4>1. Mettez-vous \u00e0 la place de vos utilisateurs<\/h4>\n<p>Pour comprendre son utilisateur et ainsi mieux r\u00e9pondre \u00e0 ses besoins, rien ne fonctionne mieux que de marcher dans ses pas.<\/p>\n<p>Pour ce faire, vous pouvez aujourd\u2019hui utiliser les technologies d&#8217;assistance afin de saisir ce que peuvent vivre les autres \u00eatres humains. Il existe d\u00e9sormais de nombreux outils offrant cette aide technique aux personnes en situation de handicap.<\/p>\n<p><a href=\"https:\/\/graphiste.com\/blog\/plugins-chrome-firefox-designer\" target=\"_blank\" rel=\"noopener noreferrer\">Le navigateur Chrome<\/a> propose notamment une large gamme d&#8217;extensions d&#8217;accessibilit\u00e9 que vous pouvez essayer.<\/p>\n<p>&nbsp;<\/p>\n<h4>2. Suivez les lignes directives de l\u2019accessibilit\u00e9 web<\/h4>\n<p>En mati\u00e8re d\u2019accessibilit\u00e9, il existe bien \u00e9videmment des lignes directives \u00e0 suivre afin de parvenir au but. Avant de vous lancer, apprenez donc \u00e0 les conna\u00eetre puis mettez-les en pratique&nbsp;:<\/p>\n<ul>\n<li>Web Content Accessibility Guidelines &#8211; <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">WCAG<\/a><\/li>\n<li>Material Designs Guidelines for Accessibility &#8211; <a href=\"https:\/\/material.io\/design\/usability\/accessibility.html\">Material Designs<\/a><\/li>\n<li>Human Interface Guidelines &#8211; <a href=\"https:\/\/material.io\/design\/usability\/accessibility.html\">Apple<\/a>.<\/li>\n<\/ul>\n<p>Quelques exemples des bonnes pratiques de l\u2019Inclusive Design&nbsp;:<\/p>\n<ul>\n<li>Assurer un contraste suffisant entre le texte et son arri\u00e8re-plan.<\/li>\n<li>Ne pas utiliser la couleur comme seul moyen visuel de transmettre des informations.<\/li>\n<li>Utiliser une combinaison de positionnement, de couleur et d&#8217;\u00e9tiquetage pour identifier le contenu.<\/li>\n<li>Inclure des \u00e9tats de mise au point tr\u00e8s visibles pour aider les utilisateurs \u00e0 naviguer et \u00e0 comprendre o\u00f9 ils se trouvent.<\/li>\n<li>Inclure un texte alternatif clair pour chaque image.<\/li>\n<li>Viser la coh\u00e9rence et la clart\u00e9 au maximum dans les mises en page.<\/li>\n<\/ul>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ui-ux-elements-navigation-a-connaitre\">UI\/UX design&nbsp;: 8 \u00e9l\u00e9ments de navigation \u00e0 conna\u00eetre<\/a><\/p><\/blockquote>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-24246\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/image-1578929505205-b2188945231b587a2b4b678e19f9b09d.jpg\" alt=\"\" width=\"1560\" height=\"873\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4>3. Utilisez les outils \u00e0 votre disposition<\/h4>\n<p>M\u00eame si vous connaissez les bonnes pratiques th\u00e9oriques du <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\">WCAG<\/a> sur le bout des doigts, leur mise en oeuvre n\u2019a rien d\u2019une \u00e9vidence. Il existe bien heureusement de nombreux outils pour vous\u00a0 aider \u00e0 rendre vos produits num\u00e9riques plus accessibles.<\/p>\n<p>Ces outils en ligne vous sont list\u00e9s par <a href=\"https:\/\/www.a11yproject.com\/resources\/#online-tools\">The A11Y Project<\/a>. Des aides qui vous seront utiles tout au long du cycle de d\u00e9veloppement de votre produit.<\/p>\n<p>Encore une fois, Chrome n\u2019est pas en reste et propose une large gamme d&#8217;extensions afin de tester votre accessibilit\u00e9, avec notamment <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe-web-accessibility-tes\/lhdoppojpmngadmnindnejefpokejbdd\">AXE<\/a> et <a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/01\/devtools#a11y\">DevTools<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4>4. Testez votre accessibilit\u00e9<\/h4>\n<p>La phase de recettage d\u2019un site web ou d\u2019une application est un passage oblig\u00e9 avant tout lancement. Les produits ayant suivi les pr\u00e9ceptes du design inclusif n\u2019y font bien \u00e9videmment pas exception.<\/p>\n<blockquote><p>Encore mieux, vous devez ici inclure un large \u00e9ventail de personnes, avec des tailles et des d\u00e9ficiences tr\u00e8s vari\u00e9es afin de tester votre produit. Ce test vous aidera \u00e0 mieux comprendre et \u00e9valuer l&#8217;exp\u00e9rience de vos utilisateurs.<\/p><\/blockquote>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/ux-ui-design-faire-tests-utilisateurs\">UX\/UI Design&nbsp;: les meilleures fa\u00e7ons de faire des tests utilisateurs<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h4>5. Sensibilisez votre entourage \u00e0 l\u2019Inclusive Design<\/h4>\n<p>Encore trop de peu de concepteurs comprennent l\u2019importance du design inclusif. \u00a0N\u2019h\u00e9sitez donc pas \u00e0 en parler autour de vous, \u00e0 faire la promotion de l\u2019accessibilit\u00e9 web.<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/webdesign-ux-ui-tendances-2021\">UX\/UI Design&nbsp;: 11 tendances 2021 \u00e0 suivre<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Conclusion<\/h2>\n<p>Ne doutez pas que le design inclusif deviendra tr\u00e8s bient\u00f4t un \u00e9l\u00e9ment obligatoire dans le processus de r\u00e9flexion de tout UX et UI Designer. Prenez les devants et de l\u2019avance sur vos concurrents en incluant d\u00e8s aujourd\u2019hui l\u2019Inclusive Design \u00e0 vos conceptions.<\/p>\n<blockquote><p>Vous constaterez qu\u2019une fois l\u2019habitude prise, il est bien plus simple d\u2019int\u00e9grer des \u00e9l\u00e9ments facilitant l&#8217;usage et la compr\u00e9hension de vos produits afin de les rendre plus accessibles, plut\u00f4t que d\u00e9velopper des fonctionnalit\u00e9s complexes pour vos interfaces.<\/p><\/blockquote>\n<p>Sans m\u00eame \u00e9voquer l\u2019aspect humain de cette d\u00e9marche, les entreprises qui misent sur l\u2019Inclusive Design dans la cr\u00e9ation de leurs produits en r\u00e9colteront prioritairement les fruits. En ouvrant leurs produits \u00e0 pr\u00e8s d\u2019un milliard de personnes souffrant d\u2019une d\u00e9ficience, ces soci\u00e9t\u00e9s auront rapidement un net avantage sur la concurrence.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une ergonomie suffisante pour permettre une navigation ais\u00e9e \u00e0 tous les utilisateurs. Si le Web a \u00e9t\u00e9 cr\u00e9\u00e9 pour tous, il n\u2019est pas encore accessible \u00e0 chacun&nbsp;! Voici donc les 5 r\u00e8gles d\u2019or pour utiliser [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":24247,"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-24238","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>UX\/UI Design\u00a0: 5 r\u00e8gles d&#039;or pour utiliser l&#039;Inclusive Design - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une\" \/>\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\/regles-utiliser-inclusive-design\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX\/UI Design\u00a0: 5 r\u00e8gles d&#039;or pour utiliser l&#039;Inclusive Design - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/\" \/>\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-04-30T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-03T08:16:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-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=\"Solenne Ricard\" \/>\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=\"Solenne Ricard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/\"},\"author\":{\"name\":\"Solenne Ricard\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4\"},\"headline\":\"UX\/UI Design\u00a0: 5 r\u00e8gles d&#8217;or pour utiliser l&#8217;Inclusive Design\",\"datePublished\":\"2022-04-30T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:16:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/\"},\"wordCount\":1026,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/\",\"url\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/\",\"name\":\"UX\/UI Design\u00a0: 5 r\u00e8gles d'or pour utiliser l'Inclusive Design - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg\",\"datePublished\":\"2022-04-30T23:00:00+00:00\",\"dateModified\":\"2022-11-03T08:16:56+00:00\",\"description\":\"Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX\/UI Design\u00a0: 5 r\u00e8gles d&#8217;or pour utiliser l&#8217;Inclusive Design\"}]},{\"@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\/d32851799b2f02a17a0e64f98fe5def4\",\"name\":\"Solenne Ricard\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g\",\"caption\":\"Solenne Ricard\"},\"description\":\"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/solennericard\/\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX\/UI Design\u00a0: 5 r\u00e8gles d'or pour utiliser l'Inclusive Design - Graphiste Blog","description":"Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une","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\/regles-utiliser-inclusive-design\/","og_locale":"fr_FR","og_type":"article","og_title":"UX\/UI Design\u00a0: 5 r\u00e8gles d'or pour utiliser l'Inclusive Design - Graphiste Blog","og_description":"Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une","og_url":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2022-04-30T23:00:00+00:00","article_modified_time":"2022-11-03T08:16:56+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg","type":"image\/jpeg"}],"author":"Solenne Ricard","twitter_card":"summary_large_image","twitter_creator":"@Graphistecom","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Solenne Ricard","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/"},"author":{"name":"Solenne Ricard","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/d32851799b2f02a17a0e64f98fe5def4"},"headline":"UX\/UI Design\u00a0: 5 r\u00e8gles d&#8217;or pour utiliser l&#8217;Inclusive Design","datePublished":"2022-04-30T23:00:00+00:00","dateModified":"2022-11-03T08:16:56+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/"},"wordCount":1026,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg","articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/","url":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/","name":"UX\/UI Design\u00a0: 5 r\u00e8gles d'or pour utiliser l'Inclusive Design - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg","datePublished":"2022-04-30T23:00:00+00:00","dateModified":"2022-11-03T08:16:56+00:00","description":"Les questions d\u2019accessibilit\u00e9 n\u2019ont jamais autant \u00e9t\u00e9 au coeur des pr\u00e9occupations. Pourtant, encore trop peu de sites et applications offrent une","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2020\/12\/une-graphiste-inclusive-design-accessibilite-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/regles-utiliser-inclusive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UX\/UI Design\u00a0: 5 r\u00e8gles d&#8217;or pour utiliser l&#8217;Inclusive Design"}]},{"@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\/d32851799b2f02a17a0e64f98fe5def4","name":"Solenne Ricard","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89317884380ee1cf794e2e807f66c0d7d6ccf7fe2779b34a087382d27c0f12ee?s=96&d=mm&r=g","caption":"Solenne Ricard"},"description":"Dipl\u00f4m\u00e9e d'une licence d'Histoire de l'Art, Solenne propose un point de vue expert sur le graphisme et les outils cr\u00e9atifs.","sameAs":["https:\/\/www.linkedin.com\/in\/solennericard\/"],"url":"https:\/\/graphiste.com\/blog\/author\/solenne-ricard\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/24238","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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=24238"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/24238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/24247"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=24238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=24238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=24238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}