Vous avez conçu une interface utilisateur spectaculaire, dont vous êtes particulièrement fier. Vous n’êtes cependant confronté qu’à un seul problème : elle n’est pas accessible à tous les utilisateurs.
Ce fait est peut-être apparu lors des tests : dans le cadre du processus d’assurance qualité, vous devriez vous assurer que votre site est accessible à tous. Outre le fait d’être une facette d’un bon concepteur, s’assurer que votre site est entièrement accessible présente un monde d’avantages.
Votre site a plus de chances d’être robuste et de bien se classer sur les moteurs de recherche. Il est également plus susceptible de générer des affaires, car les clients détestent avoir à franchir des obstacles avant de conclure leurs achats. Bien que vous souhaitiez certainement que l’expérience numérique de votre marque reste engageante, il existe plusieurs façons d’améliorer l’accessibilité de votre page sans sacrifier le design.
Taille de la police, lisibilité et lisibilité
Selon une enquête de 2019, les pages encombrées de trop de contenu arrivent en tête de liste des problèmes rencontrés par les personnes interrogées souffrant d’un handicap.
Ne pas trop remplir votre page relève également du bon sens en matière de design. Plus il y a de choses qui se disputent l’attention de vos consommateurs, plus il est probable qu’ils seront submergés et qu’ils rebondiront tout simplement de votre site entièrement.
Essentiellement, vous devez systématiser votre activité, dont une étape consiste à rendre vos pages claires et faciles à lire.
Vous pouvez le faire en utilisant les fonctions de formatage intégrées. Toute page comportant de longs blocs de tests doit être divisée en sous-titres, avec un titre clair et évident – une balise <h1> .
Le simple fait de diviser le texte permettra aux gens de balayer votre page plus facilement. Cependant, une utilisation correcte du formatage signifie que les personnes malvoyantes et utilisant des lecteurs d’écran peuvent passer directement à la section dont elles ont besoin.
Penser aux daltoniens et à vos couleurs
Voici quelque chose que vous n’avez probablement pas pris en compte lors de la construction de votre site : le fait que les daltoniens peuvent avoir du mal à distinguer les teintes que vous avez utilisées. Les daltoniens représentant 5 à 10 % de la population américaine, c’est un gros morceau d’utilisateurs que vous pourriez aliéner.
C’est là que les tests effectués par le public peuvent être un outil utile : vous obtiendrez plusieurs points de vue différents sur la facilité de différenciation, surtout si vous testez en utilisant le noir et le blanc.
En fait, les tests en noir et blanc sont un bon moyen de voir par vous-même à quel point les fonctionnalités ressortent sans leurs teintes vives. Le daltonisme rouge-vert est le type le plus courant, dans lequel les gens ne peuvent pas faire la distinction entre les deux.
Séparation du HTML et du CSS
Le fléau des utilisateurs de lecteurs d’écran partout, le HTML et le CSS étant entremêlés, cela signifie que la machine se retrouve dans un sacré fouillis. De plus, le pauvre lecteur sera bombardé d’informations dont il n’a tout simplement pas besoin.
Heureusement, nous sommes maintenant en mesure de séparer HTML et CSS. Vous pouvez construire votre page avec des éléments CSS là où vous en avez besoin, comme les menus du site en haut de la page, tandis que le code HTML qui les maintient en place fonctionne tout aussi bien en bas de la page.
Cela peut demander quelques tests fonctionnels, surtout si vous n’en avez pas l’habitude. Jouez avec le placement pour vous assurer que les outils comme les lecteurs d’écran peuvent s’en sortir aussi bien que les personnes ayant une visibilité totale.
Descriptions des liens et des boîtes de formulaire
CTA génériques
Combien de pages avez-vous consultées où l’appel à l’action (CTA) est un générique » cliquez ici » ou » lisez plus » ? Et à quel point pensez-vous qu’il est facile de distinguer ces boutons les uns des autres s’ils sont tous lus en séquence par un lecteur d’écran ?
Handily, il existe une solution rapide pour cela : vous pouvez soit nommer vos liens quelque chose de plus spécifique, que les personnes sans déficience visuelle pourront également voir, soit utiliser les attributs aria-label.
Formulaires
Avoir des formulaires à remplir est un élément crucial de la stratégie de collecte de prospects de la plupart des entreprises – et est particulièrement important si vous organisez des enquêtes. Pourtant, un très grand nombre de sites poussent encore des formulaires qui sont, au mieux, difficiles à remplir et, au pire, complètement inaccessibles.
Un moyen super simple de rendre les formulaires plus faciles à remplir ? Permettre au remplissage automatique d’exercer sa magie. Vous obtiendrez très probablement plus de prospects de la part des personnes non handicapées comme de celles qui le sont, simplement parce que vous aurez supprimé un obstacle sur le chemin de la signature.
Téléchargements
Un autre réglage facile consiste à étiqueter tous les liens de téléchargement comme tels. C’est assez utile pour les utilisateurs voyants aussi, il est logique de le coder en CSS. Vous pouvez même noter la taille du fichier, au cas où les gens consultent sur leurs mobiles et n’ont pas envie de télécharger des fichiers massifs ver les données, ou un signal Wi-Fi faible.
Images et vidéos
Un autre élément souvent négligé en termes d’accessibilité est l’alternance du texte et de l’audio avec des éléments visuels. Toutes vos images essentielles devraient être étiquetées avec un texte alt, décrivant brièvement ce qui se trouve dans l’image. Idéalement, toutes les vidéos devraient être accompagnées de transcriptions et/ou de sous-titres pour les personnes malentendantes. Vous pourriez même ajouter une description audio à toutes les vidéos si cela semble approprié.
C’est toujours une bonne idée de se tenir au courant de l’actualité des tests logiciels, car les programmes changent et de nouvelles recherches émergent sur ce qui constitue une bonne conception. C’est particulièrement important en termes d’accessibilité. Les personnes handicapées sont si souvent négligées que ce n’est que récemment que les concepteurs ont commencé à envisager l’accessibilité des sites tout court.
