Un élément clé de la conception de sites Web clients réussis est de s’assurer que le plus grand nombre possible d’utilisateurs finaux puissent accéder à ce site et en profiter.
Et si vous découvriez que plus d’un milliard de personnes ne peuvent pas profiter de vos créations ? Même si ces personnes parviennent à cliquer sur un lien et à visiter le site Web que vous avez créé, elles peuvent ne pas être en mesure de comprendre ce qui est vendu ou de naviguer vers la page de paiement.
Selon les statistiques de la Banque mondiale, il y a 1 milliard de personnes handicapées dans le monde. Cela représente 15% de la population totale du globe.
Malgré cela, de nombreux concepteurs ne tiennent pas compte des clients aux capacités différentes lors de la création d’une application ou d’un site Web attrayant. À moins que votre client ne vous dise explicitement qu’il prend en charge des clients handicapés, vous ne penserez peut-être même pas à ces utilisateurs.
Apprendre à adopter le concept de conception Web inclusive signifie que vous obtenez de meilleurs résultats pour vos clients ; Plus vos clients peuvent atteindre de clients, plus vos conceptions recevront d’éloges et de critiques positives.
Alors, comment intégrez-vous l’accessibilité dans vos choix de conception ?
Qu’est-ce que l’accessibilité d’un site Web ?
En termes généraux, l’inclusion fait référence à des activités ou à des comportements qui autonomisent les personnes marginalisées dans la société. Concevoir pour l’inclusion signifie rendre votre contenu plus accessible à toute personne ayant un problème mental ou physique qui pourrait rendre difficile l’utilisation d’un site traditionnel.
En fin de compte, l’accessibilité est l’un des principaux objectifs d’une stratégie de conception inclusive. Lorsque vous rendez des sites Web ou des applications plus accessibles, vous modifiez des aspects de leur interface utilisateur et de leur code pour rendre le site aussi accessible et utilisable que possible pour les personnes ayant certaines limitations.
Selon la Web Accessibility Initiative, de nombreux sites Web et outils modernes sont conçus sans tenir compte des besoins des personnes handicapées. Cela crée des barrières d’accessibilité qui rendent les sites Web presque impossibles à utiliser pour certaines personnes.
Voici quelques-uns des différents types de handicaps qui peuvent affecter la façon dont les utilisateurs finaux interagissent avec un site Web ou une application :
- Problèmes cognitifs : Affecter la compréhension et rendre difficile la navigation sur les sites ;
- Problèmes auditifs : Empêcher les clients d’écouter du contenu vidéo et audio ;
- Problèmes neurologiques : Rendre certains termes et actions plus difficiles sur votre site ;
- Problèmes physiques: rendre difficile le glissement ou le toucher de certains outils ;
- problèmes d’élocution : Un problème courant avec les conceptions d’interface utilisateur vocale ;
- Problèmes visuels : Empêcher une expérience positive sur des sites très visuels.
L’accessibilité du Web peut également consister à faciliter la vie des personnes qui rencontrent des problèmes dans des situations particulières. Par exemple, les personnes ayant des problèmes musculaires peuvent avoir plus de difficulté à utiliser les boutons et les liens sur un petit écran.
Alors, comment rendre vos créations plus accessibles ?
Connaissez votre public
La conception Web inclusive ne se limite pas à agrandir un peu vos polices et à espérer le meilleur. Pour offrir une expérience véritablement accessible, vous devez connaître les personnes et les groupes ciblés par votre client. Passer du temps à examiner les personas de vos clients et à leur poser des questions sur les personnes handicapées peut vous aider à prendre des décisions éclairées.
Par exemple, la boîte à outils de conception inclusive de Microsoft demande aux concepteurs de reconnaître l’exclusion, d’examiner les parties de leur site Web qui pourraient être inaccessibles et d’apprendre de la diversité.
Avant de concevoir quoi que ce soit, demandez-vous si vous pouvez :
- Répondre à tous les besoins uniques, tels que les problèmes de vision ou d’audition ;
- Remplacez les solutions traditionnelles par quelque chose de plus unique. Par exemple, au lieu de vous fier aux couleurs pour faire ressortir un texte, pourriez-vous utiliser le poids de la police à la place ? Cela pourrait être idéal pour une personne daltonienne ;
- Créez quelque chose qui attire les clients avec et sans handicap.
Concevoir une mise en page propre et claire
Toute conception de site Web doit d’abord se concentrer sur la clarté.
Que vous conceviez pour l’inclusion ou non, l’objectif devrait être de fournir une expérience aussi simple et directe que possible, en évitant tout péché de conception Web en cours de route.
Par exemple, personne n’aime un design encombré rempli d’indices de navigation déraisonnables. Vous avez besoin d’un site rempli de liens compréhensibles, de boutons faciles à cliquer sur n’importe quel écran et de grandes polices faciles à lire.
Chaque fois que vous créez une nouvelle ressource pour un site Web ou une application, demandez-vous comment vous pouvez faciliter la vie des clients de tous horizons. Par exemple, Parramatta Park utilise un excellent contraste, des polices claires et une taille d’élément idéale pour s’assurer que son site Web est aussi convivial que possible pour les clients.
Remarquez comment les boutons sont clairs et faciles à appuyer. Les couleurs sont vives et attrayantes sur n’importe quel écran, et la navigation est également facile à suivre. N’oubliez pas, lorsque vous concevez un prototype inclusif :
- Testez les options de navigation et assurez-vous qu’elles sont faciles à utiliser ;
- N’encombrez pas l’écran, rappelez-vous que moins c’est plus quand il s’agit de réduire la charge cognitive ;
- Assurez-vous que votre conception reste facile à utiliser sur n’importe quel écran.
simplifier le langage
Les éléments visuels d’un site Web inclusif doivent être aussi simples et faciles à comprendre que possible. Cependant, il est important de ne pas oublier la façon dont vous gérez le mot écrit.
L’utilisation de termes simples au lieu d’un jargon industriel complexe peut faire toute la différence pour les personnes ayant des problèmes de lecture. Il faut aussi penser à la typographie, de la couleur et du contraste des mots avec le fond choisi à la clarté de la police.
N’oubliez pas qu’une conception sous-optimale avec des images et un langage affecte également les personnes non handicapées. Suivre les règles de base pour garder les choses simples offre une meilleure expérience à tous ceux qui visitent votre site.
S’assurer:
- Liens soulignés, en gras ou redimensionnés pour un contraste visuel ;
- Renforcez l’interligne approprié avec environ 1,5 fois la taille de la police ;
- Activer un espacement de paragraphe cohérent ;
- Utiliser un langage simple pour réduire la charge cognitive ;
- Décrivez les abréviations lorsque vous les utilisez ;
- Utilisez des titres clairement formulés pour structurer le contenu de manière logique ;
Jetez un œil aux options de mise en page du texte sur le site Web de Nomensa, par exemple. De nombreux espaces blancs facilitent la lecture du contenu. Les mots simples sont compréhensibles et attrayants. Même le choix de la police imite le logo tout en offrant une lisibilité.
Optimiser les couleurs de la conception Web
Les tendances de conception Web inclusive vont et viennent. Cependant, la couleur et le contraste seront toujours fondamentaux dans vos décisions.
En veillant à ce que vos éléments de conception respectent les rapports de contraste de couleur minimaux définis par les WCAG, cela signifie que vous favorisez la lisibilité pour les utilisateurs malvoyants et améliorez également l’expérience des clients non malvoyants.
Pour les concepteurs qui ont besoin d’une aide supplémentaire dans ce domaine, des outils comme Stark aident à mesurer le contraste des couleurs. Cet outil propose également une gamme d’autres outils destinés à prendre en charge l’accessibilité.
N’oubliez pas que le ratio minimum auquel vous devez accéder dépendra de l’élément que vous concevez. Le WCAG recommande les lignes directrices suivantes :
- Rapport 3:1 pour les objets graphiques (graphiques) ;
- Rapport 3:1 pour la mise au point, les états actifs et le défilement ;
- Rapport 3:1 pour les éléments cliquables et les composants de formulaire.
Lorsque vous travaillez sur vos stratégies de contraste des couleurs avec des applications comme Stark, veillez également à tenir compte des besoins des utilisateurs daltoniens. 4,5% de la population mondiale ne voit pas la couleur de la même manière que les autres. Si vous avez du mal à obtenir le bon contraste tout en respectant les directives de la marque de votre client, essayez également de souligner et de mettre en gras les éléments.
Considérez les éléments vidéo et audio
Enfin, de nos jours, de plus en plus d’entreprises choisissent d’intégrer du contenu vidéo et audio sur leurs sites. Ces outils visuels et auditifs peuvent offrir des informations utiles sur une marque et ce qu’elle fait. Cependant, vous pourriez avoir du mal à fournir des informations vitales à certains clients via la vidéo et l’audio uniquement.
Les sous-titres pour le contenu vidéo pourraient être essentiels pour les personnes malentendantes. Vous devrez peut-être penser à ajouter des transcriptions aux vidéos préenregistrées accessibles aux malentendants. Ces transcriptions et sous-titres sont également utiles pour tous ceux qui n’ont pas accès à l’audio sur les smartphones ou les ordinateurs.
Les transcriptions peuvent également aider les malvoyants en donnant à l’outil de synthèse vocale quelque chose à décrire à son utilisateur. De cette façon, tout le monde obtient des informations utiles. Prenez cette vidéo sous-titrée de l’Université de Washington, par exemple. Garantit que tout le monde peut comprendre ce qui se passe dans le contenu. Si vous ajoutez des transcriptions aux pages de votre site Web pour les clients, vous pouvez également les aider à bénéficier d’un meilleur référencement. Les transcriptions offrent plus d’opportunités de classement des mots clés que les vidéos et les podcasts seuls.
Concevoir pour l’accessibilité d’abord
Pour que les concepteurs excellent dans la fourniture d’environnements d’interface utilisateur véritablement inclusifs, ils doivent être aussi bons dans la création de sites Web pour les personnes handicapées que dans la création d’interfaces pour des personnes comme eux. En tant que concepteurs, nous essayons d’être aussi inclusifs que possible, mais il est facile de se laisser emporter par l’idée de rendre un site Web plus facile à utiliser pour nous.
Si vous pouvez vous mettre à la place de quelqu’un qui ne vous ressemble pas et penser d’abord aux besoins inhabituels, vous constaterez peut-être que vous offrez une expérience plus forte et plus attrayante à chaque utilisateur.
Par exemple, au lieu de concevoir un site Web pour une personne ayant les mêmes besoins visuels que vous, puis de penser à faire des aménagements pour les personnes daltoniennes ou ayant des problèmes de vision, pensez d’abord aux besoins des personnes handicapées.
Vous pouvez en savoir plus sur la hiérarchisation des besoins rares en consultant le billet de blog de Vasilis Van Gemert sur la « méthode de crise ».
L’accessibilité est bonne pour les affaires
La conception Web inclusive, ou la conception pour l’accessibilité, consiste à maximiser l’audience potentielle que vos clients peuvent gagner. Quelle que soit la situation dans laquelle se trouvent vos utilisateurs finaux, vous devez vous assurer de tirer parti d’une conception inclusive.
Si vous pouvez montrer à vos clients que vous pouvez répondre aux besoins de tous les clients, vous pouvez débloquer un public beaucoup plus large et de nombreuses autres opportunités.
