Le guide ultime de la conception Web inclusive + des conseils sur la façon de le faire
Publié: 2022-06-22
Plus de personnes que jamais utilisent Internet, et votre site Web est souvent le premier point de contact d'un client avec vous. Pour attirer et fidéliser les clients, vous devez offrir une expérience utilisateur de qualité. C'est là qu'intervient le concept de conception Web inclusive. Ce guide explore les idées qui sous-tendent la conception Web inclusive et comment vous pouvez vous appuyer sur ces idées pour améliorer la convivialité globale.
Des centaines de cadeaux haute résolution rien que pour vous !
Tout ce que vous devez savoir sur ce sujet
- Qu'est-ce que la conception Web inclusive ?
- Quels sont les principes de la conception inclusive ?
- Qu'est-ce qu'un exemple de conception inclusive ?
- De conclure
Qu'est-ce que la conception Web inclusive ?
La conception Web inclusive est la pratique consistant à créer un site que tout le monde peut utiliser. L'éventail des personnes visitant votre site peut avoir des handicaps ou une méconnaissance plus large d'Internet. Ceux-ci peuvent les empêcher d'effectuer certaines tâches sur votre site Web, ce qui, si vous travaillez dans le développement de sites Web de commerce électronique, présente des inconvénients évidents.
En pratique, les visiteurs peuvent avoir des problèmes avec les visuels ou le contenu audio d'un site. Ils peuvent être incapables d'interagir correctement avec une interface qui les oblige à parler. Ils peuvent avoir du mal à interagir avec des éléments spécifiques d'un site Web, tels que des boutons ou des liens. Un problème que les tests d'utilisabilité mobile peuvent atténuer. Ils peuvent également avoir du mal à comprendre comment se déplacer sur un site ou se sentir mal à l'aise de divulguer des informations personnelles.
La conception Web inclusive reconnaît et travaille à atténuer ces problèmes sur un site Web. Ce faisant, vous vous assurerez qu'un plus grand nombre de personnes peuvent utiliser votre site correctement sans compromettre l'expérience des utilisateurs non handicapés en cours de route.
🔥 Vous aimerez peut-être : La puissance de la conception Web pour votre startup
Quels sont les principes de la conception inclusive ?
Une excellente façon d'envisager l'accessibilité consiste à travailler directement avec les personnes confrontées à des problèmes importants, tels que les handicaps. Par exemple, pensez à mener des entretiens avec des personnes qui, selon vous, sont susceptibles d'utiliser votre site Web et tenez compte de leurs commentaires dans vos choix de conception plus larges.
Un organisme de bienfaisance pour personnes handicapées peut être un point de contact utile à ce stade précoce. Il est également recommandé de prendre en compte le processus d'inclusion dans votre plan de test QA.
En plus de cette idée, vous pouvez envisager quelques principes de conception généraux et inclusifs. Celles-ci vont au-delà des catégories d'utilisateurs spécifiques, bien qu'elles restent utiles lors de la conception ou de la refonte d'un site Web.
1. Flexibilité
Puisque nous accédons maintenant à Internet sur divers appareils, les concepteurs et les développeurs sont habitués à modifier un site Web pour différents contextes. Envisagez d'étendre ce concept pour accueillir les personnes handicapées et acceptez l'idée que votre site Web fera différentes choses pour différentes personnes.
Vous voudrez peut-être aborder cette idée sous la forme d'une série de questions : demander qui utilisera votre site, où et quand y accédera-t-il, etc. Même si ces réponses ne sont pas toujours évidentes, poser les questions vaut toujours la peine.
2. Accessibilité
Un bon site Web n'est pas une énigme à résoudre. Les personnes qui visitent votre site doivent comprendre comment il fonctionne et où elles se trouvent. Si vous envisagez d'ajouter une nouvelle fonctionnalité à un site Web, demandez-vous si cela augmente la valeur d'un site ou sa complexité. Vous pouvez également utiliser des tests fractionnés pour essayer différentes modifications potentielles du site.
Cela aiderait si vous vous souveniez également que les gens aiment absorber les informations différemment. Par exemple, certaines personnes aiment le lire, tandis que d'autres préfèrent la vidéo. Au moins envisager différentes méthodes de diffusion de l'information est une stratégie solide ici.
De même, il doit toujours être clair ce qui se passe sur un site. Des messages clairs qui indiquent quand les choses vont bien (ou mal) aident les gens à garder le cap pendant qu'ils visitent votre site et encouragent les visites répétées.
3. Hébergement
Bien que vous souhaitiez probablement remplir des pages avec du contenu, en avoir trop peut être écrasant et contre-intuitif. Inversement, en avoir trop peu peut amener vos utilisateurs à se sentir confus. Essayez de trouver un équilibre avec ce qui apparaît sur chaque page Web ; cela réduit la friction lorsque les gens viennent les utiliser.
Essayez également d'appliquer vos pratiques de conception de manière cohérente sur l'ensemble d'un site. Cela garantit que toute personne qui interagit avec votre site sera agréablement surprise. Comprendre le comportement des utilisateurs via des outils tels que les cartes thermiques peut vous aider à décider des priorités lors des révisions de site.
Qu'est-ce qu'un exemple de conception inclusive ?
Avec ces idées à l'esprit, il est temps d'examiner des moyens concrets de faire fonctionner un site plus efficacement. Gardez à l'esprit que l'approche de chacun en matière de conception inclusive est différente : nous ne pouvons pas demander « qu'est-ce qu'un débordement de pile » et obtenir une réponse définitive à chaque question. Cependant, ces mesures sont un bon point de départ.
1. Gros boutons
Un excellent point de départ pour une conception inclusive est une mise en page claire et facile à comprendre. Cette idée se manifeste de différentes manières, mais les éléments cliquables sont parmi les plus importants.
Tout ce qu'un utilisateur doit appuyer ou cliquer doit avoir une largeur d'au moins 48 × 48 pixels. Cela signifie que les visiteurs peuvent interagir plus facilement avec votre site s'ils ont une déficience visuelle ou motrice.
S'il y a plusieurs éléments cliquables sur une page, assurez-vous qu'ils ne sont pas trop proches. Sinon, cela pourrait amener quelqu'un à cliquer sur quelque chose qu'il ne veut pas, ce qui est clairement indésirable.
Vous pouvez également améliorer le fonctionnement des boutons en limitant leur nombre. N'en ayez pas trop sur une même page Web; concentrez-vous sur l'essentiel. Des services tels que Global App Testing peuvent vous aider à détecter ces problèmes plus efficacement.
2. Bons choix de couleurs
La couleur est un élément crucial d'une marque, bien qu'il soit facile de faire de mauvais choix de couleurs . Nous devons également envisager d'utiliser la couleur dans la conception plus large de notre site.
Les bons sites Web garantissent un niveau minimum de contraste entre les valeurs de couleur (en se référant à leur relative lumière et obscurité plutôt qu'à leur teinte). Une bonne règle pour les valeurs de couleur contrastées est 3:1. Cela devrait fonctionner efficacement pour les objets cliquables, les visuels et les autres éléments du site Web.
Même si vous déterminez le contraste des couleurs d'un site, vous pourriez avoir un visiteur daltonien pour qui le contraste n'est pas particulièrement utile. En tant que tel, envisagez d'autres moyens d'attirer l'attention sur un élément de page particulier, comme le texte en gras ou le soulignement.
3. Langage réfléchi
Grâce à des idées telles que la communication contextuelle , les entreprises réfléchissent attentivement à la façon dont elles parlent aux clients. Il est important d'être tout aussi prudent avec le langage que vous utilisez sur les sites Web en général, d'autant plus que le contenu écrit reste très populaire.
À la base, essayez d'éviter le jargon industriel complexe ; considérez s'il y a un mot plus simple avec une signification similaire. Expliquez les abréviations que vous utilisez et limitez la longueur des phrases lorsque vous le pouvez. Si vous utilisez des titres, assurez-vous qu'ils reflètent fidèlement le contenu en dessous.
Vous devez également réfléchir à la façon dont le texte apparaît physiquement. Visez une taille de police d'au moins 16 pixels, utilisez des polices claires et efforcez-vous d'obtenir un contraste élevé par rapport à l'arrière-plan. Rendez les liens faciles à repérer (en les soulignant, par exemple) et assurez-vous que l'espacement dans et autour des blocs de contenu est suffisamment grand. N'oubliez pas d'ajouter également des sous-titres pour le contenu vidéo.
4. Éléments inclusifs
Cette idée s'applique à de nombreuses parties de votre site Web, bien que les éléments visuels soient particulièrement vulnérables. Si vous devez représenter une personne ou un groupe de personnes sur votre site Web, faites-vous des suppositions négatives à leur sujet ? Les services cloud CCaaS peuvent vous aider à obtenir des réponses à ces questions plus rapidement que jamais.
C'est souvent une bonne idée de produire une figure ou une œuvre plus abstraite représentant plusieurs ethnies, identités de genre et handicaps sur un site. Vous voudrez peut-être même éviter d'identifier des groupes spécifiques dans vos visuels, surtout si des choses comme le sexe et la race ne sont pas pertinentes pour un sujet.
SOYEZ plus inclusif sur votre site en évitant les questions sur l'ethnicité ou le langage genré ; cette action peut conduire à plus d'engagement. Plus il y a d'étapes dans un formulaire ou un processus de paiement, moins vos utilisateurs sont susceptibles de le compléter. Bien qu'il soit peu probable que vous posiez des questions sur le sexe ou l'origine ethnique dans, par exemple, un site de commerce électronique, le principe de la collecte d'informations simple et minimaliste s'applique toujours plus largement.
De conclure
Avant de lire ce guide, vous connaissiez déjà – et avez peut-être même adopté – certains des concepts et principes de la conception Web inclusive. Cependant, il est utile de considérer le concept comme un processus évolutif plutôt qu'une tâche ponctuelle.
D'autre part, la flexibilité et l'accessibilité nécessitent de se concentrer sur des éléments plus spécifiques tels que les boutons, l'apparence du texte et même les choix de couleurs. Pensez également à la façon dont vous représentez les gens sur votre site et si vous avez besoin ou non d'informations détaillées de la part de vos utilisateurs. En faire une pratique courante garantit que votre site et votre entreprise ont une base plus solide.
Biographie de l'auteur :
Emily Rollwitz – Responsable du marketing de contenu, Global App Testing
Emily Rollwitz est responsable du marketing de contenu chez Global App Testing , une société de test d'applications à distance et à la demande qui aide les meilleures équipes d'applications à fournir des logiciels de haute qualité partout dans le monde. Elle a cinq ans d'expérience en tant que spécialiste du marketing, à la tête de campagnes et d'événements de génération de prospects qui propulsent des performances de marque de premier ordre. Gérant le marketing de diverses marques, Emily a également développé un excellent pouls dans la création de contenu frais et engageant. Elle a écrit pour de grands sites Web comme Airdroid et Shift4Shop. Vous pouvez la retrouver sur LinkedIn .