10 principes fondamentaux pour guider la conception Web inclusive

Des études ont montré qu'environ 70 % des sites Web sont au moins partiellement illisibles avec une technologie d'assistance.

Cette statistique semble, et est, choquante. Comment se fait-il que tant de marques renoncent à des considérations évidentes pour les millions d'internautes handicapés ?

Lorsque nous considérons combien de fois les personnes handicapées sont rendues invisibles dans la société et les entreprises, cela commence malheureusement à avoir plus de sens.

Les Web Content Accessibility Guidelines (WCAG) définissent comment les sites Web peuvent améliorer leur accessibilité et, par conséquent, leur inclusivité.

Bon nombre de ces directives sont en voie d'être inscrites dans la loi, de sorte que votre entreprise peut être en danger si votre site Web n'est pas accessible.

Les avantages de l'inclusivité pour votre entreprise et vos clients sont énormes.

L'accessibilité vous donnera une plus grande part d'audience, mais elle est également essentielle pour renforcer la confiance des clients.

Tous les clients, handicapés ou non, bénéficieront d'une expérience de site Web plus fluide. Ils apprécieront une entreprise qui se soucie de cette expérience.

L'inclusivité signifie tenir compte de l'éventail des besoins de vos clients et de la façon dont leur accès à votre service pourrait être limité. Une mise en œuvre réussie des fonctionnalités d'accessibilité vous aidera à surmonter ces limites.

Bien que cet article se concentre sur la conception de sites Web, n'oubliez pas qu'un problème d'accessibilité clé est le manque d'accès à Internet, vous devriez donc chercher à renforcer la disponibilité dans tous les domaines.

Les technologies téléphoniques, telles que les options de conférence téléphonique, peuvent vous aider à maintenir un contact à distance avec tous vos clients.

Passons maintenant à ces dix principes fondamentaux pour guider la conception Web inclusive.

Lignes directrices de conception inclusive

1. Soyez flexible

Le terme « handicap » recouvre une vaste gamme d'expériences et de besoins humains. Cela peut être intimidant lorsque l'on considère comment rendre votre site Web accessible et inclusif.

Cependant, gardez à l'esprit que tous vos clients, handicapés ou non, viennent dans votre entreprise avec des besoins et des préférences très différents.

Il est vrai que vous ne pouvez pas plaire à tout le monde, mais vous pouvez offrir une expérience flexible pour toucher le plus de clients possible.

Tenez compte du contexte dans lequel les utilisateurs accèdent à votre site. Par exemple, quels types d'appareils utilisent-ils ? Sont-ils plus susceptibles d'utiliser vos services au travail ou à la maison ?

Profil de vos clients pour déterminer leurs données démographiques, telles que l'âge et le sexe. C'est l'une des clés pour comprendre la meilleure plate-forme de commerce électronique ou les meilleures conceptions de pages pour votre entreprise.

Votre meilleure option, à la fois pour satisfaire vos clients existants et en toucher de nouveaux, est la flexibilité.

Offrez une variété d'options de contact en ligne et hors ligne. Contacter votre entreprise et utiliser vos services devrait être fluide et indolore. Cela profite à tous vos clients, pas seulement à ceux qui ont des besoins supplémentaires.

2. Évitez de submerger les clients

Bien qu'un certain degré de contenu en mouvement puisse aider à faire apparaître votre site, trop peut être source d'anxiété et de pression. Pour les utilisateurs ayant des besoins de santé mentale, tels que l'anxiété, l'autisme ou le TDAH, ces problèmes sont particulièrement pertinents.

Les WCAG ont des directives claires sur le déplacement de contenu. Le contenu en mouvement (c'est-à-dire les GIF, le défilement et la mise à jour automatique des fils d'actualité, etc.) doit avoir un mécanisme de pause s'il démarre automatiquement, dure plus de cinq secondes et est parallèle à d'autres contenus.

En fonction de votre public, vous voudrez peut-être envisager de renoncer complètement au contenu en lecture automatique. Pensez à vos clients plus âgés qui ne sont peut-être pas habitués aux services Web.

Trop d'informations émouvantes et urgentes sont rebutantes et accablantes.

De nos jours, de nombreux sites ont une fenêtre contextuelle de chat en direct dès que vous entrez sur le site. Cela a ses avantages en tant qu'outil de contact facilement accessible. Cependant, cela peut être irritant si un message apparaît immédiatement à chaque fois que vous utilisez le site Web.

Au lieu d'une fenêtre contextuelle, vous pourriez plutôt avoir une option de chat en direct pliable et balisée dans une position discrète. Forcer le contact avec vos clients dès leur arrivée peut être très stressant.

Cela devrait également s'appliquer à l'utilisation par votre entreprise des applications de messagerie texte. N'inondez pas vos clients de notifications.

3. Utilisez une typographie claire

Les WCAG sont clairs sur les exigences en matière de typographie :

• Conserver le texte aligné à gauche ou à droite (non justifié)
• L'espacement des lignes et des paragraphes doit être d'au moins 1,5x
• La largeur de paragraphe maximale est de 80 caractères

Vous devez toujours respecter ces directives, mais vous pouvez aller plus loin pour profiter davantage à vos clients.

Utilisez une police claire, sans empattement, de bonne taille et contrastant la couleur de votre arrière-plan. Le langage doit être simple et direct, sans condescendance envers vos clients.

Utilisez votre recherche client pour déterminer ce que les clients attendent de votre site Web.

Une autre préoccupation importante est le texte dans les images. Cela doit être évité dans la mesure du possible.

Les utilisateurs aveugles et malvoyants utilisent fréquemment des logiciels de lecture d'écran. Ces programmes lisent le texte à l'écran à haute voix, mais ils ne peuvent pas décoder les images.

Vos clients peuvent donc passer à côté d'informations importantes si le texte est « caché » dans une image. Il est important que vos clients malvoyants n'aient pas l'impression que leur accès à votre site est limité.

4. Rendre les images accessibles

Bien sûr, les images sont toujours essentielles à une bonne conception Web. Et, à l'inverse, ils peuvent améliorer l'accessibilité pour d'autres clients.

Pour les personnes ayant des troubles de la lecture, comme la dyslexie, des images pertinentes peuvent améliorer la compréhension du texte. Des images seront presque certainement nécessaires pour certaines zones de votre site, telles que les pages de produits.

Vous pouvez toujours rendre les images accessibles aux utilisateurs de lecteurs d'écran. Le texte alternatif doit être inclus pour chaque image de votre site. C'est le texte qui apparaît lorsque vous survolez une image avec le curseur.

Il est également lu par les lecteurs d'écran, qui ne peuvent pas afficher l'image elle-même. Le bon texte alternatif décrit l'image affichée de manière claire et précise.

Il est facile de superposer du texte alternatif dans votre site Web avec HTML. L'inclusion de texte alternatif ne perturbera pas les autres utilisateurs et profitera énormément à ceux qui utilisent des lecteurs d'écran. Le texte alternatif et les images accessibles peuvent également être bénéfiques pour votre classement dans les moteurs de recherche.

Mis à part le texte alternatif, il est important que les images elles-mêmes soient présentées de manière accessible. Aux fins des WCAG, le contraste des couleurs est mesuré sous forme de rapport. Il existe de nombreuses applications et extensions de navigateur qui peuvent être utilisées pour mesurer ce ratio.

Alors que les images accessoires pour la décoration n'ont que des exigences de contraste, le texte sur l'arrière-plan doit avoir un rapport de contraste de 4,5:1. Les éléments graphiques tels que les graphiques et les éléments d'interface utilisateur tels que les icônes cliquables ont une exigence de 3:1.

Enfin, près de 1 personne sur 20 est daltonienne. Réfléchissez aux combinaisons de couleurs qui peuvent être problématiques pour ces utilisateurs.

Il existe de nombreux types de daltonisme. Les applications peuvent être utilisées pour simuler la façon dont votre site Web apparaît aux utilisateurs daltoniens. Mieux encore, contactez des personnes atteintes de daltonisme ou d'autres déficiences visuelles pour découvrir dans quelle mesure votre site est utilisable.

5. Assurez l'accessibilité de l'écran tactile

Il est facile de tomber dans le piège de croire que votre site de bureau est le site par défaut. L'utilisation des smartphones et des tablettes continue d'augmenter parmi tous les utilisateurs en raison de leur commodité. Ces appareils sont également généralement plus abordables que les ordinateurs portables ou les ordinateurs de bureau.

Tenez compte de l'accessibilité de votre site aux utilisateurs à faible revenu et faites attention à votre site mobile.

Le tapotement et le balayage doivent être faciles et intuitifs. Le but de vos liens doit être clair et vous devez viser à minimiser les erreurs d'écoute.

N'oubliez pas qu'un doigt est beaucoup plus gros qu'un curseur et qu'il masque la vue de l'écran par l'utilisateur. Vous pouvez le faire avec des boutons de bonne taille et bien espacés. Les WCAG exigent une taille de bouton de 44 x 44 pixels.

Tenez compte des besoins physiques des clients avec l'optimisation de votre écran tactile. Les handicaps peuvent signifier que les clients ont une dextérité physique ou une endurance limitée, évitez donc les exigences tactiles étendues ou trop compliquées.

Le geste de « pincement », souvent nécessaire pour zoomer ou faire pivoter, peut être éprouvant même pour les utilisateurs valides. Vous voudrez peut-être plutôt avoir un bouton de zoom tactile, un excellent signe que vous vous souciez du confort de vos clients.

6. Assurez une entrée facile de l'utilisateur

Ceci est étroitement lié au domaine de l'accessibilité des écrans tactiles.

Les formulaires sur votre site Web (pour passer des commandes, entrer en contact, créer un compte, etc.) devraient être simples pour vos clients. Assurez-vous que toutes les cases sont clairement étiquetées avec l'entrée requise.

Vous pouvez également mettre des espaces réservés dans des cases pour illustrer ce que les clients doivent entrer. Par exemple, une adresse e-mail d'espace réservé comme [email protected]

Même avec les conceptions les plus accessibles, il y a toujours de la place pour l'erreur humaine. Il est important que votre site Web tolère les erreurs de saisie. Ne laissez pas vos clients se sentir stupides pour les erreurs et facilitez-les.

Le meilleur moyen est de mettre en évidence les erreurs en temps réel, afin que les clients n'aient pas à faire défiler les longs formulaires. Ne vous fiez pas uniquement à la couleur pour afficher les erreurs ; cela peut ne pas être accessible aux utilisateurs malvoyants.

Faites en sorte que les messages d'erreur soient clairs, non cryptiques, et offrez aux clients la possibilité d'effectuer une dernière vérification avant de les soumettre.

La tolérance aux erreurs améliore non seulement l'accessibilité de votre site Web. Cela permet également aux clients de se sentir soutenus à chaque étape de leurs relations avec vous.

Rendre les formulaires intuitifs et inclusifs est l'une des nombreuses façons de renforcer la confiance avec vos clients, en montrant que vous vous souciez de leur expérience.

7. Visez la simplicité informative

La transmission d'informations profite clairement à tous ceux qui utilisent votre site. Il aide les personnes ayant des troubles d'apprentissage ou de lecture, les utilisateurs malvoyants, les utilisateurs non handicapés et votre propre personnel.

Des informations claires sur votre site Web réduiront la pression sur vos équipes de service client, en réduisant le nombre de demandes de clarification.

Les paragraphes doivent être courts et le vocabulaire ne doit pas être plus compliqué que nécessaire. N'hésitez pas à utiliser des termes spécifiques à l'industrie que vos clients comprendront, mais votre site Web n'est pas l'endroit idéal pour adapter ce vocabulaire SAT.

Éliminez l'ambiguïté dans la mesure du possible. Votre signification exacte doit toujours être claire et les fonctions des liens sur votre site doivent être étiquetées avec précision.

Visez un design minimaliste qui met l'accent sur ce qui est le plus important pour vos clients.

8. Maintenir la cohérence

Pour certains clients handicapés, le changement peut être choquant. Bien qu'il soit acceptable de mettre à jour votre site Web au fur et à mesure que votre marque évolue, des changements fréquents et inutiles sont susceptibles de décourager les clients.

Lorsqu'il apparaît que votre identité de marque change constamment de forme, vos clients sont moins susceptibles de vous faire confiance.

La cohérence doit également être maintenue du côté du service client.

Des solutions telles que la mise en réseau définie par logiciel peuvent vous aider à maintenir un service cohérent. Maintenez un ton amical et ouvert pour vous assurer que tous vos clients se sentent soutenus.

Certains clients peuvent avoir besoin d'informations répétées plus souvent. Votre équipe CS doit être préparée à cela, mais cela vaut également la peine d'envisager de rendre les informations plus accessibles.

Les fonctionnalités d'accessibilité, telles que le contraste des couleurs et le texte alternatif, doivent être cohérentes dans toutes les zones de votre site Web.

Il peut être tentant de proposer une version complètement différente de votre site aux utilisateurs handicapés. Cependant, cela peut être altérant et donner à ces clients l'impression d'être un fardeau. Au lieu de cela, intégrez l'accessibilité dans votre site à partir de zéro, pour le bénéfice de tous vos clients.

9. Gardez votre site fluide

Un autre problème d'accessibilité est le fait que tout le monde n'aura pas accès à Internet rapide ou à un matériel puissant.

Les clients des zones rurales, des pays en développement ou des clients à faible revenu peuvent avoir des problèmes avec votre site Web.

Concevez votre site afin que les utilisateurs puissent choisir d'afficher ou non du contenu consommant des données, comme des vidéos. Il existe de nombreuses façons de réduire le décalage sur votre site Web au profit de ces clients.

Considérez, encore une fois, comment les clients accèdent à votre site Web.

Pensez aux appareils qu'ils utilisent et aux zones géographiques dans lesquelles ils se trouvent. Quelle que soit la manière dont les clients consultent votre site Web, ils devraient profiter d'une expérience sans effort. Vous ne voulez pas que vos clients pensent que l'utilisation de votre site est une tâche fastidieuse.

Assurez un codage précis et de haute qualité, pour réduire les erreurs frustrantes. Essayez de réduire le nombre de pages sur lesquelles vos clients doivent cliquer lorsqu'ils effectuent des tâches.

Gardez les formulaires sur le moins de pages possible. Personne n'aime attendre que de nouvelles pages se chargent toutes les quelques secondes, en particulier si leur connexion est mauvaise.

10. Créer une hiérarchie visuelle dans la conception de sites Web

Un fil conducteur dans la plupart des meilleures conceptions de sites est une hiérarchie visuelle claire. Cela signifie que la navigation est facile et que les étapes que les utilisateurs doivent suivre pour différentes tâches sont évidentes.

Vous pouvez analyser l'utilisation de votre site Web par les clients et mettre en avant les fonctionnalités les plus utilisées. Évitez le « carrelage », car cela est facilement accablant et pas particulièrement clair.

Vous pouvez regrouper des fonctionnalités associées avec des choix de conception unifiants tels que la couleur et la forme. Cependant, vous ne devriez pas vous fier uniquement à ces fonctionnalités. Comme discuté, ils peuvent être inaccessibles. Utilisez également du texte pour les lecteurs d'écran.

Le but de la hiérarchie visuelle est de permettre à vos clients d'utiliser et de parcourir votre site Web plus rapidement et plus facilement.

Utilisez vos choix de conception pour diriger les clients vers les sections pertinentes de votre site Web. Comprendre les besoins de vos clients et souligner ce qui est le plus important pour eux

Derniers mots sur l'inclusivité

En fin de compte, la philosophie derrière l'accessibilité et l'inclusivité est que les utilisateurs handicapés sont tout aussi précieux que n'importe quel autre utilisateur. Cela peut sembler évident, mais un nombre surprenant de marques ne parviennent pas à mettre cela en pratique avec la conception de leurs sites Web.

Faire un effort supplémentaire pour garantir à tous vos clients une bonne expérience renforcera la confiance et la fidélité de votre base. Vos clients seront plus satisfaits et vous vous démarquerez comme une entreprise qui se soucie vraiment de vous.

Biographie de l'auteur

John Allen est directeur du référencement mondial chez RingCentral, un fournisseur mondial de logiciels UCaaS, VoIP et de numérotation automatique. Il a plus de 14 ans d'expérience et une vaste expérience dans la création et l'optimisation de programmes de marketing numérique. Il a écrit pour des sites Web tels que Vault et 3DCart.