Accessibilité Web 101 : Concevoir pour tous

La conception Web est une question d'accessibilité. La plupart des concepteurs de sites Web visent à créer des produits pour le plus grand nombre de personnes au sein de leur public, en projetant leurs conceptions comme des filets béants pour leur donner le plus grand afflux d'utilisateurs.

Et bien qu'il y ait une logique dans ce principe de conception, il éclipse un principe un peu plus simple et plus inclusif : le design pour tous, pas pour la plupart.

Optimisez le contenu afin que chaque utilisateur potentiel puisse profiter et interagir avec votre site Web et accéder aux informations et données disponibles. S'engager dans cette pratique vous aidera à développer un marché plus large et à diversifier votre clientèle. 15% de la population mondiale a un certain niveau de handicap.

Ce sont des personnes qui, comme tout le monde, utilisent souvent Internet et dépendent fortement de la communication et des outils numériques. L'optimisation de votre site Web pour garantir aux utilisateurs une excellente expérience peut élargir votre réseau d'interaction. En pratiquant l'inclusion dans votre conception, vous pourrez atteindre des millions de personnes qui sont souvent négligées.

Concevoir pour l'accessibilité n'a pas à être difficile. Il doit simplement être simple et prendre en compte tous les utilisateurs potentiels. Voici comment optimiser votre site Web pour une accessibilité maximale.

Comprendre vos utilisateurs

Connaître votre public est crucial dans tout projet, c'est donc le meilleur endroit pour commencer. Comprenez que vos utilisateurs peuvent inclure des personnes ayant des capacités différentes. Certains de vos utilisateurs peuvent être malentendants ou malvoyants, d'autres peuvent avoir des troubles épileptiques, d'autres encore peuvent avoir des problèmes de mobilité.

Bien que vous ne puissiez pas concevoir pour tous les scénarios possibles, vous élargirez votre horizon de conception si vous prenez le temps de penser à autant de scénarios que possible. Après avoir réfléchi à votre audience élargie, faites quelques recherches. Lisez des études de cas, parlez à des amis qui ont des expériences, consultez des guides d'accessibilité.

Essayez peut-être de prendre une page du domaine de l'éducation, les principes de la conception universelle sont une bonne référence.

Pensez UX

Maintenant que vous avez développé une compréhension avec vos futurs utilisateurs, intégrez cette compréhension dans votre cadre d'expérience utilisateur (UX). Cette étape vous aidera à sympathiser avec vos utilisateurs et à considérer des choses auxquelles vous n'auriez peut-être pas pensé auparavant. Il vous orientera également vers une grande variété de définitions de technologies d'assistance.

Tout comme un concepteur doit tenir compte du comportement d'un site Web dans tous les principaux navigateurs, les technologies d'assistance doivent faire partie de la liste de contrôle des fonctionnalités. Parfois, même les plus petits changements dans la conception Web peuvent ouvrir de nouvelles portes aux utilisateurs handicapés.

Un simple changement

Par exemple, le changement le plus facile à mettre en œuvre est peut-être la façon dont vous utilisez les balises d'emphase.

Visuellement, il n'y a pas de différence entre <b> et <strong> , et <i> n'apparaît pas différemment de <em> . Mais pour les personnes handicapées, ces balises peuvent modifier radicalement leur expérience utilisateur.

Bien qu'ils aient le même rendu, effectivement en gras et en italique , la différence entre ces balises est leur fonction. Alors que les balises plus simples en gras et en italique sont de présentation (changeant la façon dont le texte s'affiche), la force et l'emphase indiquent différents modèles de parole pour la technologie d'assistance.

Mais ce n'est pas aussi simple que de remplacer aveuglément tous les <b> par <strong> . De nombreux en-têtes utilisent du texte en gras pour le contraste, par exemple, mais il n'est peut-être pas préférable pour les utilisateurs handicapés d'utiliser une <strong> ici. Pensez, " Ce texte doit-il être prononcé différemment pour qu'un utilisateur ressente tout son sens?" Si ce n'est pas le cas, envisagez de supprimer le <strong> ou le <em> à moins qu'ils ne soient vraiment nécessaires.

Des changements subtils et des considérations comme celle-ci peuvent faire toute la différence pour les utilisateurs handicapés. Il est important de mettre à niveau et non de rétrograder l'UX.

Concevoir pour les malvoyants

Bien que les conseils ci-dessus profitent déjà aux malvoyants, toutes les personnes ayant des problèmes visuels n'auront pas le même niveau ou type de déficience. Il est tout aussi important d'offrir des options qui peuvent accommoder ceux qui conservent l'usage de leur vue.

Considérez ces éléments :

• Autoriser les utilisateurs à agrandir la police. La plupart des navigateurs le feront avec ou sans votre consentement, mais cela sera plus agréable si vous avez préparé CSS pour cela.
• Évitez certaines combinaisons de couleurs comme le rouge et le vert ou le bleu et le jaune. Au lieu de cela, pourquoi ne pas utiliser la couleur pour augmenter les conversions tout en augmentant l'accessibilité ?
• Code dans le "texte alternatif". Le texte alternatif peut être lu par une technologie d'assistance et expliquer tous les graphiques de la page.
• Utilisez des points dans les abréviations, même les plus connues. La façon dont un lecteur d'écran traite les informations est souvent phonétique : imaginez entendre "Fibby" contre FBI

Pour plus d'informations sur les moyens d'intégrer des éléments pour les utilisateurs malvoyants, consultez la Fondation américaine pour les aveugles.

Concevoir pour les malentendants

Bien que les malentendants aient besoin de moins d'aménagements, les tendances récentes en matière d'utilisation de la vidéo sur les sites Web ont accru le besoin de choix de conception intelligents. Donc, si votre site Web intègre des composants auditifs, utilisez des sous-titres codés ou une interprétation en langue des signes.

Évitez la tentation d'utiliser le sous-titrage automatique - arrêtez-vous sur n'importe quelle vidéo aléatoire qui a été traitée à l'aide d'une transcription automatisée pour voir les traductions de mots qui n'ont pas de sens et qui peuvent être productives.

Pour des directives de sous-titrage spécifiques, les recommandations de la National Association of the Deaf peuvent être trouvées ici.

Conception pour l'épilepsie photosensible

L'une des préoccupations de conception concernant l'utilisation répandue de la vidéo, en particulier la vidéo qui utilise une fonction de lecture automatique, concerne les utilisateurs souffrant d'épilepsie photosensible. Ces utilisateurs peuvent subir des crises déclenchées par des effets de type lumière stroboscopique ou des images en mouvement. Les concepteurs de sites Web peuvent utiliser l'outil d'analyse de l'épilepsie photosensible pour vérifier la probabilité que leur contenu déclenche une crise.

Si le contenu est identifié comme à risque mais ne peut pas être modifié pour réduire le risque, avertissez toujours du potentiel et ne lisez pas automatiquement la vidéo. Assurez-vous que l'avertissement est visible et près du bouton de lecture.

Concevoir pour les personnes à mobilité réduite

Certains troubles de la mobilité vont de la perte totale du contrôle de la motricité fine à un léger tremblement. L'un ou l'autre niveau de dégradation entraîne la même expérience utilisateur sur un site Web qui ne les a pas pris en compte :

• Les utilisateurs doivent déployer plus d'efforts pour atteindre les liens et peuvent se fatiguer rapidement.
• Les utilisateurs ne peuvent pas naviguer sur le site Web car il ne permet pas l'utilisation du clavier.
• Le fait de devoir faire défiler une longue page entraîne de la fatigue car il n'y a pas d'option "retour en haut" ou d'option de saut disponible.

Les sites optimisés pour l'écran tactile ou la saisie fine de la souris peuvent présenter des conséquences plus graves pour les personnes à mobilité réduite, voire rendre le site inutilisable.

L'intégration d'éléments de conception tels que la navigation pouvant être utilisée à l'aide du clavier et de liens d'ancrage fréquents pouvant attirer l'utilisateur vers différentes sections de la page peut grandement aider ces utilisateurs.

Créer une option de site Web "de base"

Votre conception est impeccable, interactive et frappante, utilise les dernières et les plus grandes tendances disponibles sur le marché libre - et est à peine accessible à l'un des utilisateurs décrits ci-dessus.

Si cela ressemble à votre conception Web, une alternative plus simple peut être de créer une mise en page "simple" que les utilisateurs peuvent activer et désactiver. Cela ne plaira pas seulement aux utilisateurs handicapés : pour les utilisateurs qui souffrent de migraines déclenchées par un contraste élevé, par exemple, avoir une bascule facile d'accès peut faire la différence entre devenir client ou partir pour faire face à une migraine de trois heures.

Ne vous arrêtez pas là non plus. Appliquez la même option pour vos listes d'abonnement, permettant aux utilisateurs de modifier facilement leurs préférences avant de recevoir du marketing par e-mail.

Continuez à comprendre vos différents utilisateurs. Continuez à penser à eux. Plus vous comprendrez et sympathiserez avec vos utilisateurs, plus la conception UX sera accessible. Qui sait? Vous pouvez même changer le monde de quelqu'un.