Les directives fournies par le World Wide Web Consortium ainsi que par les gouvernements locaux ont aid\u00e9 les concepteurs \u00e0 combler les lacunes en mati\u00e8re d’utilisabilit\u00e9 et d’accessibilit\u00e9. Cependant, cela ne rend pas n\u00e9cessairement un site web<\/a> totalement inclusif. <\/p>\n\n Dans l’article suivant, nous allons examiner ce que signifie la conception inclusive, sa valeur dans la conception web, ainsi que ce que vous devez prendre en compte lors de la conception d’interfaces et d’interactions inclusives.<\/p>\n\n Apprenez \u00e0 Concevoir pour l’Accessibilit\u00e9 Web<\/a><\/p>\n\n La conception web inclusive \u00e9limine les pr\u00e9jug\u00e9s et les suppositions d’un site web afin que les utilisateurs ne se sentent pas exclus en raison d’une d\u00e9ficience, de donn\u00e9es d\u00e9mographiques ou d’autres circonstances temporaires ou permanentes. <\/p>\n\n La conception web accessible et la conception UX sont toutes deux des composantes essentielles d’un site web inclusif. La conception accessible<\/a> est le processus d’\u00e9limination des obstacles pour les personnes handicap\u00e9es et souffrant d’autres d\u00e9ficiences. La conception UX<\/a> est une approche de conception bas\u00e9e sur les donn\u00e9es qui teste et valide la mani\u00e8re dont les utilisateurs r\u00e9els interagissent avec un site web. <\/p>\n\n En raison de cela, il y a beaucoup \u00e0 consid\u00e9rer dans la conception inclusive, car ce n’est pas strictement la d\u00e9ficience d’un utilisateur qui peut l’emp\u00eacher d’utiliser pleinement un site web ou d’en \u00eatre satisfait. Les concepteurs web peuvent \u00e9galement rencontrer des probl\u00e8mes en cr\u00e9ant des exp\u00e9riences pour un ensemble exclusif d’utilisateurs.<\/p>\n\n Ainsi, les concepteurs web doivent prendre en compte les facteurs suivants : <\/p>\n\n En conclusion : La conception inclusive se traduit finalement par une conception universelle. <\/p>\n\n Les concepteurs web disposent d’une vari\u00e9t\u00e9 d’outils \u00e0 leur disposition pour aborder l’aspect accessibilit\u00e9 de la conception inclusive. Par exemple, les outils d’accessibilit\u00e9 de WordPress<\/a>, les v\u00e9rificateurs d’accessibilit\u00e9 web, les directives WAI-ARIA<\/a> et d’autres \u00e9l\u00e9ments peuvent faciliter la conception et la mise en \u0153uvre accessibles.<\/p>\n\n Cependant, avec la conception inclusive, une compr\u00e9hension plus approfondie des limitations auxquelles les utilisateurs peuvent \u00eatre confront\u00e9s sur le web est n\u00e9cessaire. Il n’existe pas d’outil qui analysera votre site web et confirmera que vous avez cr\u00e9\u00e9 l’exp\u00e9rience la plus diverse et \u00e9quitable possible. C’est quelque chose que vous devrez apprendre \u00e0 mettre en \u0153uvre et \u00e0 v\u00e9rifier par vous-m\u00eame. <\/p>\n\n Il existe plusieurs raisons pour lesquelles les concepteurs web doivent faire de l’accessibilit\u00e9 et de l’inclusivit\u00e9 une partie int\u00e9grante de chaque site web qu’ils construisent. Examinons d’abord comment un site web non inclusif nuit \u00e0 tous : <\/p>\n\n En 2021, WebAIM a publi\u00e9 les r\u00e9sultats de sa neuvi\u00e8me enqu\u00eate aupr\u00e8s des utilisateurs de lecteurs d’\u00e9cran<\/a>. 7,7 % des r\u00e9pondants \u00e0 l’enqu\u00eate ont d\u00e9clar\u00e9 qu’ils doivent utiliser un lecteur d’\u00e9cran lorsqu’ils sont en ligne. <\/p>\n\n Lorsqu’on leur a demand\u00e9 ce qu’ils pensaient de l’\u00e9tat actuel de l’accessibilit\u00e9 sur Internet, seuls 39,3 % ont d\u00e9clar\u00e9 qu’elle \u00e9tait meilleure que les ann\u00e9es pr\u00e9c\u00e9dentes. 42,3 % estimaient que rien n’avait chang\u00e9 tandis que 18,5 % affirmaient que la situation s’\u00e9tait d\u00e9t\u00e9rior\u00e9e. <\/p>\n\n Selon Mike Gifford de CivicActions<\/a>, il se pourrait que plus de 7,7 % de la population soit confront\u00e9e \u00e0 l’inaccessibilit\u00e9 et partage ces sentiments : <\/p>\n\n \u00ab\u00a0La combinaison des handicaps et des m\u00e9thodes par lesquelles les gens surmontent les obstacles est extr\u00eamement diverse. \u00c9thiquement, la conception pour nos utilisateurs les moins avantag\u00e9s doit \u00eatre consid\u00e9r\u00e9e comme la plus haute priorit\u00e9. Malheureusement, avec notre qu\u00eate constante de nouveaut\u00e9 et d’\u00e9clat, nous excluons r\u00e9guli\u00e8rement 10 \u00e0 20 % de nos concitoyens.\u00a0\u00bb<\/em><\/p>\n\n Selon l’American Bar Association<\/a>, 8 000 poursuites en vertu du titre III de la loi sur les Am\u00e9ricains handicap\u00e9s ont \u00e9t\u00e9 d\u00e9pos\u00e9es aupr\u00e8s des tribunaux f\u00e9d\u00e9raux entre 2017 et 2020. Ce nombre a augment\u00e9 de 14,3 % pour atteindre 2 352 poursuites en 2021 uniquement, selon Accessibility.com<\/a>.<\/p>\n\n Il y en a d’autres qui peuvent se sentir exclus d’un site web, mais n’ont aucun recours l\u00e9gal. Par exemple, le World Data Lab affirme qu’il y a 1,1 milliard de personnes en situation de pauvret\u00e9 num\u00e9rique<\/a>. Dans certains cas, cela signifie qu’ils ne peuvent pas se permettre de souscrire \u00e0 des forfaits de donn\u00e9es mobiles. Dans d’autres cas, ils le peuvent, mais ils n’obtiennent pas suffisamment de donn\u00e9es \u00e0 utiliser, donc ils ne peuvent pas se permettre de passer du temps sur des sites web gourmands en ressources. <\/p>\n\n Il faut \u00e9galement prendre en compte la population \u00e2g\u00e9e. Le Pew Research Center<\/a> a constat\u00e9 que le nombre de seniors utilisant Internet a augment\u00e9 ces derni\u00e8res ann\u00e9es. Cela dit, TechCrunch rapporte<\/a> qu’environ 50 % des adultes \u00e2g\u00e9s ont besoin de l’aide de quelqu’un pour configurer et utiliser les nouvelles technologies num\u00e9riques. De plus, 40 % des seniors sont analphab\u00e8tes num\u00e9riques dans la ville de San Francisco – juste \u00e0 c\u00f4t\u00e9 de la Silicon Valley, de tous les endroits. <\/p>\n\n M\u00eame si votre site web n’est pas soumis \u00e0 des poursuites judiciaires, consid\u00e9rez ce que la perte de 20 % ou plus de vos visiteurs en raison d’une conception non inclusive fera \u00e0 la viabilit\u00e9 \u00e0 long terme d’une marque. C’est un \u00e9norme segment de l’audience qui dispara\u00eetra simplement parce que le site web n’est pas accueillant ou utilisable. <\/p>\n\n Lorsque vous concevez un site web pour qu’il soit inclusif, vous le concevez de mani\u00e8re \u00e0 ce que tous ceux qui le souhaitent puissent s’y engager pleinement et ne se sentent pas exclus. Tout le monde gagne lorsque Internet devient un lieu inclusif : <\/p>\n\n La conception web inclusive conduit \u00e0 une meilleure conception de produits. <\/strong><\/p>\n\n Des sites web aux applications mobiles en passant par tout le reste, la conception inclusive oblige les concepteurs \u00e0 revenir aux bases d’une conception bonne, utilisable et empathique. <\/p>\n\n Les marques atteignent un public plus large. <\/strong><\/p>\n\n Une marque qui privil\u00e9gie une exp\u00e9rience universellement positive pour tous et pas seulement pour l’utilisateur id\u00e9al attirera une base d’utilisateurs plus fid\u00e8le qui valorise \u00e9galement l’inclusivit\u00e9 et l’\u00e9quit\u00e9. <\/p>\n\n Les utilisateurs se sentent mieux en interagissant avec des sites web inclusifs. <\/strong><\/p>\n\n Les gens passent tellement de temps devant des \u00e9crans que des probl\u00e8mes comme le syndrome du canal carpien, le syndrome de vision par ordinateur<\/a> et le trouble de d\u00e9pendance \u00e0 Internet<\/a> sont aujourd’hui trop courants. Une conception inclusive et \u00e9thique peut aider les utilisateurs \u00e0 se sentir mieux dans leur esprit et leur corps.<\/p>\n\n La conception web inclusive aide les sites web \u00e0 mieux se classer dans les r\u00e9sultats de recherche. <\/strong><\/p>\n\n Google a mis \u00e0 jour son algorithme de recherche<\/a> il y a quelques ann\u00e9es, d\u00e9signant quatre facteurs essentiels pour cr\u00e9er la meilleure exp\u00e9rience sur page : la Performance (vitesse), l’Accessibilit\u00e9, les Meilleures Pratiques (conception et code) et le R\u00e9f\u00e9rencement (par exemple, le texte alternatif). La conception inclusive contribue \u00e0 chacun de ces \u00e9l\u00e9ments.<\/p>\n\n Fr\u00e9quemment, les concepteurs \u00e9laborent des personas fictifs au d\u00e9but des projets de sites web. Cela les aide \u00e0 visualiser et \u00e0 \u00e9tablir un rapport avec l’utilisateur final pour lequel ils construisent le site web. Cela les aide \u00e9galement \u00e0 comprendre comment cet utilisateur particulier interagirait avec le site web. <\/p>\n\n Lorsque vous int\u00e9grez l’inclusivit\u00e9 dans votre processus de conception web, vos descriptions de personas d’utilisateurs devront quelque peu s’adapter. Les personas d’utilisateurs typiques d\u00e9composent les \u00e9l\u00e9ments suivants : <\/p>\n\n Les personas d’utilisateurs inclusifs devront \u00e9galement inclure : <\/p>\n\n Capacit\u00e9 :<\/strong> Il s’agit de la composante d’accessibilit\u00e9 de l’inclusivit\u00e9. Vous devrez anticiper comment certains de vos utilisateurs peuvent \u00eatre limit\u00e9s en termes d’utilisation et d’interaction avec le site web – physiquement et cognitivement. <\/p>\n\n Aptitude :<\/strong> Si vous examinez les donn\u00e9es sur le nombre d’utilisateurs en ligne<\/a>, vous r\u00e9aliserez que certains de vos utilisateurs pourraient ne pas \u00eatre num\u00e9riquement alphab\u00e9tis\u00e9s. S’\u00e9carter des structures et des mises en page de base et ne pas fournir suffisamment de contexte (comme des \u00e9tiquettes dans les formulaires de contact) pourrait s’av\u00e9rer pr\u00e9judiciable \u00e0 l’exp\u00e9rience de ces utilisateurs. <\/p>\n\n Attitude :<\/strong> Cela fait r\u00e9f\u00e9rence aux utilisateurs qui peuvent percevoir les sites web comme des environnements dangereux. Qu’ils soient excessivement pr\u00e9occup\u00e9s par leur vie priv\u00e9e ou nerveux \u00e0 l’id\u00e9e de rencontrer des logiciels malveillants, ces types de craintes devraient \u00eatre abord\u00e9s avec des fonctionnalit\u00e9s de s\u00e9curit\u00e9 et de confidentialit\u00e9 reconnaissables et dignes de confiance.<\/p>\n\n Acc\u00e8s :<\/strong> Les utilisateurs n’ont pas besoin d’\u00eatre d\u00e9pourvus d’internet pour avoir un acc\u00e8s limit\u00e9 au web. Par exemple, un peu plus de la moiti\u00e9 de la population mondiale a acc\u00e8s \u00e0 Internet \u00e0 domicile, selon l’U<\/a>NESCO. Cela ne signifie pas qu’ils ne peuvent pas se connecter, mais simplement qu’ils doivent trouver d’autres moyens pour y acc\u00e9der – comme aller dans une biblioth\u00e8que ou un cybercaf\u00e9. Ainsi, la connectivit\u00e9, le mat\u00e9riel, les logiciels et m\u00eame l’emplacement peuvent tous avoir un impact sur l’acc\u00e8s. <\/p>\n\n Localisation :<\/strong> Il n’est jamais prudent de supposer que chaque utilisateur vit dans le m\u00eame pays, provient de la m\u00eame culture et parle la m\u00eame langue que vous. Par cons\u00e9quent, ces diff\u00e9rences doivent \u00eatre prises en compte lors de la cr\u00e9ation de personas d’utilisateurs inclusifs.<\/p>\n\n Pour que la conception inclusive fonctionne, les concepteurs web doivent \u00e9liminer les hypoth\u00e8ses, les id\u00e9es pr\u00e9con\u00e7ues, ainsi que la faveur accord\u00e9e \u00e0 l’utilisateur moyen au d\u00e9triment du bien de tous les utilisateurs. Pour r\u00e9ussir cela, les concepteurs doivent \u00eatre guid\u00e9s par les principes suivants : <\/p>\n\n Il n’existe pas de solution universelle en conception web. Cela ne signifie pas que vous devez cr\u00e9er diff\u00e9rents sites web ou pages d’atterrissage pour diff\u00e9rents utilisateurs. Cependant, cela signifie ajouter des fonctionnalit\u00e9s suppl\u00e9mentaires \u00e0 l’interface utilisateur lorsque vous pensez qu’elles aideront \u00e0 combler l’\u00e9cart entre les exp\u00e9riences de diff\u00e9rents utilisateurs. <\/p>\n\n Par exemple, il est judicieux d’inclure une transcription d’une vid\u00e9o sous le fichier int\u00e9gr\u00e9. Ainsi, les utilisateurs qui ne peuvent pas ou ne veulent pas entendre ou regarder la vid\u00e9o peuvent lire le texte. <\/p>\n\n Le minimalisme est une tendance durable en conception web, et ce pour une bonne raison. Ce n’est pas seulement parce qu’il cr\u00e9e des interfaces plus esth\u00e9tiques, c’est parce que le minimalisme et la simplicit\u00e9 ouvrent la voie \u00e0 une conception plus intuitive. <\/p>\n\n La meilleure fa\u00e7on d’aborder cela est de traiter un site web comme un produit minimum viable (MVP). Construisez les fonctionnalit\u00e9s essentielles qui en font un produit utilisable et pr\u00e9cieux. Ensuite, ajoutez des \u00e9l\u00e9ments suppl\u00e9mentaires uniquement l\u00e0 o\u00f9 ils sont n\u00e9cessaires et apportent de la valeur \u00e0 l’exp\u00e9rience de tous. <\/p>\n\n La coh\u00e9rence ne signifie pas qu’un site web doit devenir pr\u00e9visible ou ennuyeux. Vous pouvez toujours \u00eatre cr\u00e9atif tout en maintenant la coh\u00e9rence.<\/p>\n\n Tout le monde b\u00e9n\u00e9ficie de la coh\u00e9rence dans la conception. Elle \u00e9limine la frustration et la confusion caus\u00e9es par le m\u00eame \u00e9l\u00e9ment ou la m\u00eame fonctionnalit\u00e9 pr\u00e9sent\u00e9s de diff\u00e9rentes mani\u00e8res sur le m\u00eame site web. En outre, la coh\u00e9rence avec la mani\u00e8re dont la majorit\u00e9 du web g\u00e8re les \u00e9l\u00e9ments fondamentaux \u2014 tels que la navigation du site web \u2014 peut am\u00e9liorer l’utilisabilit\u00e9 d’un site web et acc\u00e9l\u00e9rer le temps de conversion.<\/p>\n\n Outre la prise en compte de la mani\u00e8re dont les individus interagissent avec les sites web, les concepteurs doivent \u00e9galement consid\u00e9rer comment ils pr\u00e9f\u00e8rent<\/em> interagir avec les sites web. Par exemple, un site web domin\u00e9 par l’imagerie pourrait \u00eatre tr\u00e8s difficile \u00e0 assimiler pour les utilisateurs qui ne sont pas des apprenants visuels. <\/p>\n\n Lorsque vous rassemblez le contenu d’un site web, assurez-vous qu’il y ait un m\u00e9lange \u00e9quilibr\u00e9. S’il n’y a qu’un seul type de contenu (comme uniquement du texte sans imagerie), certains de vos visiteurs seront probablement d\u00e9savantag\u00e9s en termes de compr\u00e9hension ou de facilit\u00e9 d’utilisation. <\/p>\n\n L’\u00e9quit\u00e9 dans la conception web fait r\u00e9f\u00e9rence \u00e0 des r\u00e9sultats \u00e9quitables. En d’autres termes, ind\u00e9pendamment de l’identit\u00e9 du visiteur, chaque visiteur devrait \u00eatre en mesure d’accomplir des t\u00e2ches avec facilit\u00e9.<\/p>\n\n C’est l\u00e0 que le processus de conception UX s’av\u00e8re utile. L’obtention de commentaires directs des utilisateurs sur leurs objectifs et leurs besoins pour les atteindre aide les concepteurs \u00e0 cr\u00e9er des interactions et des parcours utilisateurs sans friction pour tous. <\/p>\n\n Par exemple, consid\u00e9rez un composant d’interface utilisateur comme un diaporama d’images. La mani\u00e8re inclusive de le concevoir serait de d\u00e9sactiver la fonction de d\u00e9filement automatique. Ensuite, incluez \u00e0 la fois des capacit\u00e9s de balayage et de clic afin que chaque utilisateur puisse contr\u00f4ler le diaporama et son rythme.<\/p>\n\n La conception inclusive att\u00e9nuera les erreurs humaines. Cela signifie concevoir une interface utilisateur pour pr\u00e9venir autant d’erreurs que possible tout en fournissant une r\u00e9ponse tol\u00e9rante et utile aux erreurs qui surviennent. En r\u00e9duisant la frustration ou la honte associ\u00e9e aux erreurs, une conception inclusive contribue davantage \u00e0 \u00e9tablir la confiance avec les visiteurs. <\/p>\n\n Ce principe particulier entre en jeu le plus souvent au point d’engagement. Par exemple, les boutons devraient toujours \u00eatre con\u00e7us pour \u00eatre suffisamment grands pour \u00eatre vus et cliqu\u00e9s. <\/p>\n\n Les messages d’erreur dans les formulaires de contact en sont un autre bon exemple. En affichant des messages d’erreur en ligne dans une couleur et une taille que tout le monde peut lire, vous r\u00e9duirez la probabilit\u00e9 d’erreurs r\u00e9p\u00e9t\u00e9es. Vous aurez \u00e9galement un formulaire de contact qui semble plus utile qu’un qui fournit des messages d’erreur vagues ou qui surviennent trop tard dans le processus. <\/p>\n\n L’une des raisons pour lesquelles les sites web sont sujets \u00e0 des poursuites en mati\u00e8re d’accessibilit\u00e9 de la m\u00eame mani\u00e8re que les entreprises physiques est qu’ils ont \u00e9t\u00e9 consid\u00e9r\u00e9s comme des \u00ab\u00a0lieux d’h\u00e9bergement public\u00a0\u00bb. En plus de garantir que tout le monde puisse lire, naviguer et interagir avec un site web, la conception inclusive garantit un certain niveau de confort aux visiteurs. <\/p>\n\n Le confort peut signifier de nombreuses choses pour beaucoup de personnes \u2014 un espace ample, des mises en page pr\u00e9visibles, etc. La conception inclusive demande \u00e9galement aux concepteurs de consid\u00e9rer le niveau de confort de leurs utilisateurs avec le contenu du site web. <\/p>\n\n Par exemple, l’utilisation d’images diversifi\u00e9es refl\u00e9tant le public cible cr\u00e9era un environnement plus accueillant que des images g\u00e9n\u00e9riques que les utilisateurs ont vues maintes et maintes fois. On peut en dire autant de l’utilisation d’un texte direct plut\u00f4t qu’un texte rempli de jargon que seul un segment du public comprendrait.<\/p>\n\n La conception web inclusive est un terme englobant qui inclut des disciplines telles que la conception UX, la conception accessible et la conception responsive<\/a>. Cependant, la conception inclusive va plus loin pour garantir que le r\u00e9sultat final soit un site web universellement utilisable et bien re\u00e7u. <\/p>\n\n Cette approche de conception web n\u00e9cessite une solide compr\u00e9hension des d\u00e9fis auxquels diff\u00e9rentes personnes sont confront\u00e9es lorsqu’elles interagissent avec des sites web, ce qui va au-del\u00e0 de la d\u00e9ficience ou du handicap. <\/p>\n\n La meilleure fa\u00e7on d’int\u00e9grer l’inclusivit\u00e9 dans votre processus de conception web est d’abord de s’assurer que vous travaillez avec des outils qui vous aident \u00e0 la mettre en \u0153uvre \u2014 comme les fonctionnalit\u00e9s d’accessibilit\u00e9 de WordPress et d’Elementor<\/a>. Ensuite, mettez \u00e0 jour vos mod\u00e8les<\/a> de persona utilisateur avec des facteurs inclusifs tels que la capacit\u00e9, l’aptitude et l’acc\u00e8s. Enfin, maintenez votre processus \u00e0 jour \u00e0 mesure que vous en apprenez davantage sur les exp\u00e9riences des utilisateurs et les d\u00e9fis communs auxquels ils sont confront\u00e9s lors de l’utilisation du web.<\/p>\n","protected":false},"excerpt":{"rendered":" Il est important de garder \u00e0 l’esprit lors de la conception d’un site web que chaque utilisateur n’interagit pas de la m\u00eame mani\u00e8re avec celui-ci. En utilisant une conception inclusive, vous pouvez \u00e9liminer les pr\u00e9jug\u00e9s et les suppositions de votre site web et vous assurer que les utilisateurs ne se sentent pas exclus. Continuez votre lecture pour apprendre \u00e0 ma\u00eetriser cette approche moderne.<\/p>\n","protected":false},"author":2024193,"featured_media":107008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[248],"tags":[],"marketing_persona":[],"marketing_intent":[48],"class_list":["post-125504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-fr"],"acf":[],"yoast_head":"\nTable des mati\u00e8res<\/h4>\n\n\n\n
Qu’est-ce que la Conception Inclusive ?<\/h2>\n\n
Pourquoi la conception web inclusive est importante<\/h2>\n\n
Les inconv\u00e9nients de la non-inclusivit\u00e9<\/h3>\n\n
Les avantages de l’inclusivit\u00e9<\/h3>\n\n
Comment Cr\u00e9er des Personas de Conception Web Inclusifs<\/h2>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/2022_04_blog_cover_what_Is_Inclusive_Web_Design_1200_630_no_text_inner_2.jpg\")
<\/figure>\n\nLes 7 Principes de la Conception Inclusive<\/h2>\n\n
1. Flexibilit\u00e9<\/h3>\n\n
2. Simplicit\u00e9<\/h3>\n\n
3. Coh\u00e9rence<\/h3>\n\n
4. Perception<\/h3>\n\n
5. \u00c9quit\u00e9<\/h3>\n\n
6. Pr\u00e9vention<\/h3>\n\n
7. Accommodation<\/h3>\n\n
Conclusion<\/h2>\n\n