Accessibilité pour le référencement

Si vous êtes intéressé par une assistance en accessibilité pour votre référencement, ou si vous souhaitez vous renseigner sur nos services, nous serions heureux de discuter avec vous.

Dans cette présentation pour Pubcon, nous parlons de l'accessibilité du Web en tant que composant et moteur du référencement en 2021 et au-delà. Loin d’être un grand projet épineux qui nécessite une reconstruction complète du site, l’accessibilité peut être facilement intégrée aux sites et aux constructions existants. Nous aborderons trois exemples concrets de victoires rapides et à fort impact que vous pouvez vérifier et mettre en œuvre, même sans capacités techniques approfondies.

L'accessibilité du Web est un moteur essentiel du référencement en 2022 et au-delà. Outre l’importance algorithmique accrue d’éléments tels que la fenêtre d’affichage, la taille du texte, etc., contribuer à un Web accessible est également important pour vos utilisateurs. Vous investissez beaucoup de temps et d’efforts pour attirer des personnes vers votre site Web. Il est logique de s’assurer que toutes ces personnes puissent l’utiliser.
Ci-dessous, je développerai un peu les trois sujets d'accessibilité de la présentation. Il s’agit de gains rapides dont la mise en œuvre ne nécessite pas un énorme investissement de temps ou d’argent. Ils constituent également un excellent point de départ si vous venez de commencer à travailler sur l'accessibilité de votre site, même si cela vaut la peine de vérifier sur chaque site.

Zoom de la fenêtre méta

Le premier élément est votre fenêtre d'affichage, qui est la « fenêtre » visible à l'intérieur du navigateur dans laquelle le contenu de votre page s'affiche. Souvent, même si votre texte est d'une taille appropriée sur les appareils mobiles, les utilisateurs essaieront quand même de zoomer pour une meilleure lecture. Cela peut être dû à de nombreuses raisons : la vue, les écrans des appareils mobiles de mauvaise qualité ou simplement le fait d'avoir un passage pertinent focalisé sur l'écran. Les navigateurs Web mobiles sont tous conçus pour autoriser le pincement pour zoomer par défaut
Malheureusement, de nombreux sites désactivent involontairement le pincement pour zoomer. Les développeurs placent souvent des méta-directives désactivant le zoom alors qu'ils sont encore en train d'affiner la mise en page d'une page : « user-scalable=no » et/ou « maximum-scale=1 ». En fait, de nombreux modèles téléchargeables contiennent ce code.
Par inadvertance, ce code est souvent laissé sur le site lorsqu'il est mis en ligne. Les développeurs peuvent ne pas se rendre compte de son importance, ou ne pas examiner tout le code du modèle par défaut et le manquer. Ensuite, les utilisateurs ne peuvent pas zoomer sur les pages, le taux de rebond est gonflé et le propriétaire de l’entreprise l’ignore souvent complètement.
Heureusement, la solution est simple : recherchez la section « viewport » de la source de votre page. S'il contient user-scalable=no » et/ou « maximum-scale=1 », supprimez-les.

Étiquettes Aria

Deuxièmement, nous entrons dans les aria-labels. Bien que vous puissiez approfondir l'étiquetage ARIA, de nombreux sites n'adoptent même pas l'approche la plus élémentaire. Les étiquettes ARIA sont essentiellement des codes de triche permettant d'introduire des termes accessibles aux lecteurs d'écran dans votre site, sans nécessiter de modification visuelle d'une page.
Avec les composants statiques, comme les boutons, les lecteurs d'écran s'appuient sur les données textuelles incluses pour annoncer le composant et transmettre sa fonction à l'utilisateur du lecteur d'écran. Par exemple, un bouton marqué « Soumettre » peut être lu comme « bouton, soumettre » pour l'utilisateur.
Cependant, nous sacrifions souvent le texte au profit d’images ou d’icônes afin d’animer un design. Le problème est que les lecteurs d’écran ne sont pas assez intelligents pour lire une image. Plusieurs éléments sans aucun texte peuvent laisser un utilisateur confus, en entendant simplement des listes parlées d'éléments comme « champ de formulaire, champ de formulaire, champ de formulaire, bouton » sans aucun indice sur ce qui se passe dans les champs de formulaire ou sur ce que fait le bouton.
L'étiquetage Aria permet à une page d'intégrer du texte qui n'est pas vu par les utilisateurs visuels de la page, mais uniquement lu par les lecteurs d'écran. Ces étiquettes n’ont aucun impact sur l’apparence de la page – elles ajoutent simplement du texte qui sera lu par les lecteurs d’écran. Les étiquettes Aria présentent un gain de convivialité sans inconvénient ni compromis, et valent toujours la peine d'être mises en œuvre.

Rapport de contraste du texte

Enfin, nous parlons de rapport de contraste accessible pour la lisibilité du texte. Les couleurs de votre texte et de votre arrière-plan peuvent sembler une petite décision, mais elles ont un impact important sur la lisibilité, en particulier pour les personnes ayant des types de vision différents ou des écrans de mauvaise qualité.
Par exemple, de nombreux sites choisissent de conserver l’arrière-plan dans un gris neutre et le premier plan dans une nuance de gris sombre, mais pas noire. Cela peut donner un aspect élégant sur les ordinateurs de bureau, mais sur les appareils mobiles bon marché avec de mauvais angles de vision, cela peut rendre le texte presque illisible.
Dans un autre exemple, une marque peut utiliser des nuances de bleu, de jaune et de vert pour donner à son design une sensation saine ou « fraîche de la ferme ». Cependant, les personnes atteintes de tritanomalie ou de tritanopie peuvent voir certaines de ces couleurs comme une seule couleur, ce qui peut rendre les éléments presque invisibles pour elles.
Google exige 4,5 : 1 ou mieux pour le texte par rapport à la couleur d'arrière-plan de ce texte, et signalera les éléments défaillants comme des erreurs sur une page. En plus de respecter cette métrique, c'est également une bonne idée d'exécuter vos pages via des outils de test de daltonisme comme Colorblindly dans Chrome.

Conclusion

Dans l'ensemble, nous espérons montrer que démarrer avec l'accessibilité sur votre site ne nécessite pas un énorme investissement de temps et d'énergie, mais que c'est plutôt quelque chose que vous pouvez intégrer dans vos pages et modèles existants – pour le bien de vos utilisateurs, et votre référencement !
Accessibilité Web Pubcon 2021 par Sean Malseed depuis Voie verte

L'article Accessibilité pour le référencement apparaît en premier sur Greenlane Search Marketing.

A LIRE :  Impression présélectionnée dans six catégories aux Global Search Awards