Qu'est-ce que la conception Web inclusive ?

Publié: 2022-04-28

La convivialité d'un site Web est un terme général qui décrit la facilité d'utilisation et d'interaction avec un site Web. Une chose importante à retenir lors de la conception d'un site Web pour qu'il soit utilisable, cependant, est que tout le monde ne s'engage pas avec un site Web de la même manière ou dans les mêmes circonstances.

Si vous concevez un site Web pour l'utilisateur "moyen" ou "idéal", vous pourriez en réalité créer une interface désagréable, difficile ou impossible à utiliser pour les autres.

Les directives fournies par le World Wide Web Consortium ainsi que les gouvernements locaux ont aidé les concepteurs à combler les lacunes en matière de convivialité et d'accessibilité. Cependant, cela ne rend pas nécessairement un site Web entièrement inclusif.

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.

Apprenez à concevoir pour l'accessibilité Web

Table des matières

  • Qu'est-ce que la conception inclusive ?
  • Pourquoi la conception Web inclusive est importante
  • Comment créer des personas de conception Web inclusives
  • Les 7 principes de la conception inclusive
  • Conclusion

Qu'est-ce que la conception inclusive ?

La conception Web inclusive supprime les préjugés et les hypothèses d'un site Web afin que les utilisateurs ne se sentent pas exclus en raison d'une déficience, de données démographiques ou d'autres circonstances temporaires ou permanentes.

La conception Web accessible et la conception UX sont des éléments essentiels d'un site Web inclusif. La conception accessible est le processus d'élimination des barrières à l'entrée pour les personnes handicapées et autres déficiences. La conception UX est une approche de conception basée sur les données qui teste et valide la manière dont les utilisateurs réels interagissent avec un site Web.

Pour cette raison, il y a beaucoup à prendre en compte dans la conception inclusive, car ce n'est pas strictement la déficience d'un utilisateur qui peut l'empêcher d'utiliser pleinement ou d'être satisfait d'un site Web. Les concepteurs Web peuvent également rencontrer des problèmes en créant des expériences pour un ensemble exclusif d'utilisateurs.

Ainsi, les concepteurs de sites Web doivent tenir compte des facteurs suivants :

  • Déficiences physiques liées à la vision, à l'ouïe ou à la dextérité
  • Déficiences mentales ayant un impact sur la cognition ou la parole
  • Limitations situationnelles qui empêchent l'utilisateur de s'engager pleinement avec le produit
  • Contraintes techniques telles que le matériel, la connectivité Internet et les connaissances en informatique
  • Barrières linguistiques et géographiques
  • Différences démographiques telles que l'âge, la race et le sexe
  • Différences socio-économiques

Conclusion : La conception inclusive se traduit finalement par une conception universelle.

Les concepteurs de sites Web disposent d'une variété d'outils pour aborder l'aspect accessibilité de la conception inclusive. Par exemple, les outils d'accessibilité WordPress, les vérificateurs d'accessibilité Web, les directives WAI-ARIA et bien d'autres peuvent faciliter la conception et la mise en œuvre accessibles.

Avec une conception inclusive, cependant, cela nécessite une meilleure compréhension des limites auxquelles les utilisateurs peuvent être confrontés sur le Web. Il n'existe aucun outil capable d'analyser votre site Web et de confirmer que vous avez créé l'expérience la plus diversifiée et la plus équitable possible. C'est quelque chose que vous devrez apprendre à mettre en œuvre et à vérifier par vous-même.

Pourquoi la conception Web inclusive est importante

Il existe un certain nombre de raisons pour lesquelles les concepteurs de sites Web doivent intégrer l'accessibilité et l'inclusivité à chaque site Web qu'ils créent. Voyons d'abord comment un site Web non inclusif nuit à tout le monde :

L'inconvénient de la non-inclusivité

En 2021, WebAIM a publié les résultats de son Screen Reader User Survey #9. 7,7 % des personnes interrogées ont déclaré qu'elles devaient utiliser un lecteur d'écran lorsqu'elles étaient en ligne.

Lorsqu'on leur a demandé ce qu'ils pensaient de l'état de l'accessibilité à Internet aujourd'hui, seuls 39,3 % ont déclaré qu'il était plus accessible que les années précédentes. 42,3% ont estimé que rien n'avait changé tandis que 18,5% ont dit que c'était pire.

Selon Mike Gifford de CivicActions, plus de 7,7 % de la population serait confrontée à l'inaccessibilité et partagerait ces sentiments :

« La combinaison des handicaps et des méthodes avec lesquelles les gens surmontent les obstacles sont extrêmement diverses. D'un point de vue éthique, la construction pour nos utilisateurs les moins favorisés doit avoir la plus haute priorité. Malheureusement, avec notre recherche constante de nouveauté et de flashy, nous excluons régulièrement 10 à 20 % de nos concitoyens.

Selon l'American Bar Association, il y a eu 8 000 poursuites en vertu de l'Americans with Disabilities Act Title III déposées auprès des tribunaux fédéraux entre 2017 et 2020. Ce nombre a bondi de 14,3 % pour atteindre 2 352 poursuites en 2021 seulement, selon Accessibility.com.

D'autres peuvent se sentir exclus d'un site Web, mais n'ont aucun recours légal. Par exemple, le World Data Lab indique qu'il y a 1,1 milliard de personnes pauvres en Internet. Dans certains cas, cela signifie qu'ils ne peuvent pas se permettre des forfaits de données mobiles. Dans d'autres cas, ils le peuvent, mais ils n'obtiennent pas suffisamment de données à utiliser, ils ne peuvent donc pas se permettre de passer du temps sur des sites Web gourmands en ressources.

Il y a aussi la population âgée à considérer. Le Pew Research Center a constaté que le nombre de personnes âgées utilisant Internet a augmenté ces dernières années. Cela dit, TechCrunch rapporte qu'environ 50 % des personnes âgées ont besoin de quelqu'un pour les aider à configurer et à utiliser les nouvelles technologies numériques. De plus, 40 % des personnes âgées sont analphabètes numériques dans la ville de San Francisco - juste à côté de la Silicon Valley, de tous les endroits.

Même si votre site Web ne fait pas l'objet de poursuites, considérez ce que la perte de 20 % ou plus de vos visiteurs en raison d'une conception non inclusive affectera la viabilité à long terme d'une marque. C'est un énorme segment de l'audience qui disparaîtra simplement parce que le site Web n'est pas accueillant ou utilisable.

Les avantages de l'inclusivité

Lorsque vous concevez un site Web pour qu'il soit inclusif, vous le concevez de manière à ce que tous ceux qui le souhaitent puissent s'y engager pleinement et ne se sentent pas exclus. Tout le monde y gagne quand Internet devient un lieu inclusif :

La conception Web inclusive conduit à une meilleure conception des produits.

Des sites Web aux applications mobiles et tout le reste, la conception inclusive oblige les concepteurs à revenir aux bases d'une conception de qualité, utilisable et empathique.

Les marques touchent un public plus large.

Une marque qui donne la priorité à une expérience universellement positive pour tout le monde et pas seulement pour l'utilisateur idéal attirera une base d'utilisateurs plus fidèles qui apprécient également l'inclusivité et l'équité.

Les utilisateurs se sentent mieux lorsqu'ils interagissent avec des sites Web inclusifs.

Les gens passent tellement de temps devant des écrans que des problèmes comme le syndrome du canal carpien, le syndrome de vision par ordinateur et les troubles de la dépendance à Internet sont trop courants de nos jours. Une conception inclusive et éthique peut aider les utilisateurs à se sentir mieux dans leur esprit et dans leur corps.

La conception Web inclusive aide les sites Web à mieux se classer dans les résultats de recherche.

Google a mis à jour son algorithme de recherche il y a quelques années, en nommant quatre facteurs essentiels pour créer la meilleure expérience sur la page : Performance (vitesse), Accessibilité, Meilleures pratiques (conception et code) et SEO (par exemple, texte alternatif). La conception inclusive contribue à chacun de ces éléments.

Comment créer des personas de conception Web inclusives

Souvent, les concepteurs proposent des personnages fictifs au début des projets de sites Web. Cela les aide à visualiser et à se rapporter à l'utilisateur final pour lequel ils créent le site Web. Cela les aide également à comprendre comment cet utilisateur particulier interagirait avec le site Web.

Lorsque vous incluez l'inclusivité dans votre processus de conception Web, les descriptions de vos utilisateurs devront s'adapter quelque peu. Les personas d'utilisateur typiques se décomposent comme suit :

  • Nom
  • Données démographiques (par exemple, âge, sexe, profession, etc.)
  • Personnalité
  • Voix
  • Buts
  • Motivations
  • Frustration
  • Peurs

Les personas d'utilisateurs inclusifs devront également inclure :

Capacité : Il s'agit de la composante d'accessibilité de l'inclusivité. Vous devrez anticiper la façon dont certains de vos utilisateurs peuvent être limités en termes d'utilisation et d'interaction avec le site Web - physiquement et cognitivement.

Aptitude : Si vous regardez les données sur le nombre d'utilisateurs en ligne, vous vous rendrez compte que certains de vos utilisateurs pourraient ne pas avoir de culture numérique. S'écarter des structures et des mises en page de base et ne pas fournir suffisamment de contexte (comme les étiquettes dans les formulaires de contact) pourrait s'avérer préjudiciable à l'expérience de ces utilisateurs.

Attitude : il s'agit des utilisateurs qui peuvent percevoir les sites Web comme des environnements dangereux. Qu'ils soient trop préoccupés par leur vie privée ou nerveux à l'idée de rencontrer des logiciels malveillants, ces types de craintes doivent être traitées avec des fonctionnalités de sécurité et de confidentialité reconnaissables et fiables.

Accès : les utilisateurs n'ont pas besoin d'être pauvres en Internet pour avoir un accès limité au Web. Par exemple, un peu plus de la moitié de la population mondiale a accès à Internet à la maison, selon l'UNESCO. Cela ne signifie pas qu'ils ne peuvent pas se connecter, cela signifie simplement qu'ils doivent trouver d'autres moyens de l'obtenir, comme aller à la bibliothèque ou au cybercafé. Ainsi, la connectivité, le matériel, les logiciels et même l'emplacement peuvent tous avoir un impact sur l'accès.

Localisation : Il n'est jamais sûr de supposer que chaque utilisateur vit dans le même pays, vient de la même culture et parle la même langue que vous. En tant que telles, ces différences doivent être prises en compte lors de la création de personnages utilisateur inclusifs.

Les 7 principes de la conception inclusive

Pour que la conception inclusive fonctionne, les concepteurs de sites Web doivent supprimer les hypothèses, les notions préconçues, ainsi que la préférence de l'utilisateur moyen par rapport au bien de tous les utilisateurs. Pour y parvenir, les concepteurs doivent être guidés par les principes suivants :

1. Flexibilité

Il n'y a pas de taille unique dans la conception de sites Web. Cela ne signifie pas que vous devez créer différents sites Web ou pages de destination pour différents utilisateurs. Cependant, cela signifie ajouter des fonctionnalités supplémentaires à l'interface utilisateur lorsque vous pensez qu'elles aideront à combler l'écart entre les expériences des différents utilisateurs.

Par exemple, c'est une bonne idée d'inclure une transcription d'une vidéo sous le fichier intégré. De cette façon, les utilisateurs qui ne peuvent ou ne veulent pas entendre ou regarder la vidéo peuvent lire le texte.

2. Simplicité

Le minimalisme est une tendance durable en matière de conception de sites Web et pour cause. Ce n'est pas seulement parce qu'il crée des interfaces plus agréables visuellement, c'est parce que le minimalisme et la simplicité ouvrent la voie à une conception plus intuitive.

La meilleure façon d'aborder cela est de traiter un site Web comme un produit minimum viable (MVP). Développez les fonctionnalités de base qui en font un produit utilisable et précieux. Ensuite, ajoutez des éléments supplémentaires uniquement là où ils sont nécessaires et apportez de la valeur à l'expérience de chacun.

3. Cohérence

La cohérence ne signifie pas qu'un site Web doit devenir prévisible ou ennuyeux. Vous pouvez toujours être créatif tout en maintenant la cohérence.

Tout le monde bénéficie de la cohérence dans la conception. Il supprime la frustration et la confusion causées par le même élément ou la même fonctionnalité présentée de différentes manières sur le même site Web. En outre, la cohérence avec la façon dont la majorité du Web gère les éléments de base - comme la navigation sur le site Web - peut améliorer la convivialité d'un site Web et accélérer le temps de conversion.

4. Perception

En plus de prendre en compte la façon dont les gens interagissent avec les sites Web, les concepteurs doivent également tenir compte de la manière dont ils préfèrent interagir avec les sites Web. Par exemple, un site Web dominé par des images peut être très difficile pour les utilisateurs qui ne sont pas des apprenants visuels à digérer le contenu.

Lorsque vous rassemblez le contenu d'un site Web, assurez-vous qu'il en existe un mélange sain. S'il n'y a qu'un seul type de contenu (comme tout texte et aucune image), certains de vos visiteurs seront probablement désavantagés en termes de compréhension ou de facilité d'utilisation.

5. Équité

L'équité dans la conception de sites Web fait référence à des résultats équitables. En d'autres termes, quel que soit le visiteur, chaque visiteur doit pouvoir effectuer facilement des tâches.

C'est là que le processus de conception UX est utile. Obtenir l'avis des utilisateurs de première main sur les objectifs des utilisateurs et sur ce dont ils ont besoin pour les atteindre aide les concepteurs à créer des interactions et des parcours utilisateur sans friction pour tout le monde.

Par exemple, considérez un composant d'interface utilisateur comme un curseur d'image. La manière inclusive de le concevoir serait de désactiver la fonction de glissement automatique. Ensuite, incluez à la fois des fonctionnalités de balayage et de clic afin que chaque utilisateur puisse contrôler le curseur et son rythme.

6. Prévention

Une conception inclusive atténuera les erreurs humaines. Cela signifie concevoir une interface utilisateur pour éviter autant d'erreurs que possible tout en fournissant une réponse tolérante et utile aux erreurs qui se produisent. En réduisant la frustration ou la honte associées aux erreurs, une conception inclusive renforce la confiance des visiteurs.

Ce principe particulier entre en jeu le plus souvent au moment de l'engagement. Par exemple, les boutons doivent toujours être conçus de manière à être suffisamment grands pour être vus et cliqués.

Les messages d'erreur dans les formulaires de contact sont un autre bon exemple. En affichant les messages d'erreur intégrés dans une couleur et une taille lisibles par tous, vous réduisez la probabilité d'erreurs répétées. Vous aurez également un formulaire de contact qui se sent plus utile que celui qui fournit des messages d'erreur vagues ou ceux qui se produisent trop tard dans le processus.

7. Hébergement

L'une des raisons pour lesquelles les sites Web font l'objet de poursuites en matière d'accessibilité comme le sont les entreprises physiques est qu'ils ont été considérés comme des « lieux d'hébergement public ». En plus de garantir que tout le monde peut lire, naviguer et interagir avec un site Web, la conception inclusive garantit un certain confort aux visiteurs.

Le confort peut signifier beaucoup de choses pour de nombreuses personnes - un espace suffisant, des mises en page prévisibles, etc. La conception inclusive demande également aux concepteurs de considérer à quel point leurs utilisateurs seront à l'aise avec le contenu du site Web.

Par exemple, l'utilisation d'images diverses qui reflètent le public cible créera un environnement plus accueillant que les images de stock génériques que les utilisateurs ont vues maintes et maintes fois. La même chose peut être dite pour l'utilisation d'une copie simple au lieu d'une copie pleine de jargon que seul un segment du public comprendrait.

Conclusion

La conception Web inclusive est un terme global qui comprend des disciplines telles que la conception UX, la conception accessible et la conception réactive. Cependant, la conception inclusive va encore plus loin pour garantir que le résultat final est un site Web universellement utilisable et bien reçu.

Cette approche de conception Web nécessite une solide compréhension des défis auxquels différentes personnes sont confrontées lorsqu'elles interagissent avec des sites Web, ce qui va au-delà de la déficience ou du handicap.

La meilleure façon d'intégrer l'inclusivité dans votre processus de conception Web est de vous assurer d'abord que vous travaillez avec des outils qui vous aident à l'implémenter, comme les fonctionnalités d'accessibilité de WordPress et Elementor. Ensuite, mettez à jour vos modèles de persona d'utilisateur avec des facteurs inclusifs tels que la capacité, l'aptitude et l'accès. Enfin, maintenez votre processus à jour au fur et à mesure que vous en apprenez davantage sur les expériences des utilisateurs et les défis courants auxquels ils sont confrontés lors de l'utilisation du Web.