in

Directives d’accessibilité du contenu Web et référencement


Les opinions de l’auteur sont entièrement les siennes (à l’exclusion de l’événement improbable de l’hypnose) et peuvent ne pas toujours refléter les vues de Moz.

Si vous vous efforcez actuellement de rendre votre site Web accessible à tous les utilisateurs, vous avez probablement déjà entendu parler de la Loi sur les Américains handicapés (ADA). Cette loi fédérale américaine a été adoptée pour empêcher la discrimination contre les personnes handicapées, que ce soit par des agences gouvernementales ou des entreprises privées.

Même si l’ADA a été créée avant que la plupart des organisations aient une présence en ligne, un précédent juridique récent montre que la loi s’applique à l’accessibilité des sites Web et les applications mobiles tout autant que pour les lieux physiques, tels que les magasins, les restaurants et les cinémas.

L’ADA elle-même ne définit aucun critère spécifique pour l’accessibilité Web et mobile. Au lieu de cela, de nombreux développeurs Web et professionnels du droit se tournent vers le Directives d’accessibilité du contenu Web (WCAG), largement acceptée comme la référence en matière d’accessibilité numérique aujourd’hui.

Dans ce blog, nous examinerons de plus près les WCAG et décrirons les étapes à suivre pour respecter ses normes. Nous expliquerons également brièvement pourquoi les sites Web accessibles se classent généralement plus haut dans les moteurs de recherche – ce qui fait de l’accessibilité le bon choix partout!

Quel est le lien entre le référencement et l’accessibilité?

Deux bulles blanches sur fond violet, l'une étiquetée

Veiller à ce que votre site Web soit accessible à tous les utilisateurs apporte déjà d’énormes avantages à votre entreprise. Si davantage de personnes visitent votre site Web, vous constaterez probablement une augmentation de votre activité. C’est si simple.

Compte tenu du fait que un Américain sur quatre vit avec un handicap, et que globalement, le revenu disponible des personnes handicapées est de 1,2 billion de dollars, rendre votre site Web et vos applications mobiles accessibles à tous ouvre vos produits et services à une nouvelle base de consommateurs, et peut également conduire à des améliorations significatives dans le référencement de votre site Web.

Prenons cet exemple: les moteurs de recherche visent à promouvoir des pages avec un contenu clair et correctement ordonné. Cela signifie que vous devez suivre les directives WCAG sur des choses comme les en-têtes. Si vous n’incluez pas les rangs des titres dans le bon ordre, par exemple en plaçant du texte avec un quatrième niveau (

) en-tête après un deuxième niveau (

) – vous pouvez causer des problèmes d’accessibilité aux personnes utilisant des technologies d’assistance.

De même, si vous ne fournissez pas de texte alternatif approprié pour les images, ou si vous mélangez des légendes avec un texte d’image alternatif, vous créerez des problèmes pour les utilisateurs handicapés et endommagerez également le référencement des images sur votre site Web.

Ce ne sont là que quelques exemples de la façon dont l’amélioration de l’accessibilité du site Web peut stimuler le référencement, mais pour en savoir plus, assurez-vous de regarder la nouvelle série Whiteboard Friday de Cooper Hollmaier sur la relation entre accessibilité et référencement.

En effet, tout investissement que vous faites dans l’accessibilité numérique se reflétera également dans vos classements de recherche. Dans son déclaration de mission, Google affirme que son objectif est «d’organiser les informations du monde entier et de les rendre universellement accessibles et utiles». «Universellement accessible» est la phrase clé ici. Cela suggère qu’au fur et à mesure que Google continue de faire évoluer son moteur de recherche et de l’aligner sur les principes de la conception accessible, les sites Web dotés de fonctionnalités d’accessibilité puissantes seront de plus en plus élevés dans ses classements de recherche.

Qu’est-ce que WCAG et comment pouvez-vous atteindre la conformité?

Boîte blanche sur fond violet. À l'intérieur de la boîte se trouve une barre de progression de mise à jour intitulée

WCAG propose un ensemble de règles pour les développeurs Web qui cherchent à créer des sites Web accessibles. Il a été créé par le Consortium World Wide Web (W3C), une communauté mondiale d’organisations publiques et membres qui s’engagent à rendre Internet ouvert à tous.

Les sites Web et les applications mobiles évoluent constamment à mesure que de nouvelles technologies et innovations deviennent disponibles. Pour maintenir à jour les directives WCAG, le W3C s’efforce également de fournir de nouveaux conseils aux développeurs Web de manière continue.

Si vous examinez les récentes poursuites en matière d’accessibilité numérique, vous verrez que WCAG 2.0 est la version la plus citée. Cependant, vous devez noter que cette version est déjà obsolète. WCAG 2.1 est maintenant disponible et fournit des conseils supplémentaires sur l’accessibilité mobile – et WCAG 2.2 est sur ses talons.

Il est également crucial de noter que si «conformité aux WCAG» est un terme largement utilisé, il s’agit en fait d’un abus de langage. Techniquement, il est plus juste de penser à satisfaire aux normes WCAG. Le terme «conformité WCAG» implique un organisme de réglementation, et le W3C n’est pas un organisme de réglementation de l’industrie, ni ne fait partie de la législation fédérale. Cela dit, la conformité aux WCAG est la formulation acceptée à la fois lors des conférences de développement Web et des séminaires juridiques, nous allons donc utiliser le terme dans cet article.

Mon site Web doit-il répondre aux normes WCAG?

Si vous êtes aux États-Unis, oui, c’est le cas. Tout site Web utilisé par un citoyen américain ou appartenant à une société américaine est tenu par la loi de se conformer à l’ADA. Et comme WCAG est souvent cité comme une norme d’accessibilité numérique lors d’un litige, suivre ses conseils peut aider votre organisation éviter les poursuites judiciaires coûteuses et dommageables. L’idée que toute entreprise est exemptée de la conformité ADA est également un mythe.

Comment puis-je rendre mon site Web conforme aux WCAG?

Quatre cases blanches sur fond violet, chacune contenant l'une des quatre illustrations: un œil, un joystick, une ampoule et un engrenage.

WCAG définit quatre grands principes. Ceux-ci offrent une base solide que les développeurs Web peuvent suivre pour créer des sites Web accessibles à tous. Examinons chacun d’eux de plus près:

1. Perceptible

Pour être perceptibles, toutes les informations contenues sur un site Web et toutes les fonctionnalités de son interface utilisateur – telles que les liens, les zones de texte et les boutons – doivent être présentées de manière à ce que tous les utilisateurs puissent les percevoir par au moins un de leurs sens. Si un contenu est caché à un utilisateur, le site Web ne peut pas être considéré comme perceptible.

2. utilisable

Un site Web est considéré comme opérationnel lorsque tous les utilisateurs peuvent interagir avec lui et y naviguer avec succès. Si un site Web possède des fonctionnalités interactives, tous les utilisateurs doivent pouvoir utiliser ces composants.

3. Compréhensible

Tous les utilisateurs doivent être capables de comprendre les informations et l’interface d’un site Web. Les pages Web doivent apparaître et fonctionner de manière prévisible, et les utilisateurs doivent être protégés contre les erreurs de saisie sur les pages qui entraînent des engagements juridiques ou des transactions financières.

4. Robuste

Le contenu d’un site Web doit être ouvert à l’interprétation par une grande variété d’agents utilisateurs. Par exemple, les navigateurs Web standard et les technologies d’assistance telles que les lecteurs d’écran doivent pouvoir accéder à un site Web, et le contenu d’un site Web doit continuer à être accessible à mesure que les technologies d’assistance évoluent.

Comment puis-je commencer mon parcours de conformité?

Trois cases blanches sur fond violet étiquetées:

Sur le papier, les quatre principes d’accessibilité énoncés dans les WCAG semblent assez simples. Mais comment pouvez-vous les appliquer? Pour aider à répondre à cette question, WCAG propose des directives plus détaillées pour chacun des quatre sujets et décompose chaque recommandation en un ensemble de critères de réussite. WCAG décrit également plusieurs «techniques suffisantes» qui fournissent des exemples de la manière dont les développeurs peuvent les réaliser dans la pratique. Considérez-le comme une liste de contrôle pour la conformité.

Chaque critère de succès est également classé selon trois niveaux: A, AA et AAA. A indique le niveau d’accessibilité le plus élémentaire et AAA le plus complet. Actuellement, les tribunaux interprètent le niveau intermédiaire, AA, comme la référence.

Bien que cet article vise à vous fournir une meilleure compréhension des critères WCAG, il ne répertorie pas toutes les consignes dans leur intégralité. Si vous souhaitez en savoir plus sur chaque critère, consultez le Guide de référence rapide «Comment rencontrer les WCAG» sur le site Web du W3C. Cela offre un guide définitif pour chaque aspect de WCAG avec des suggestions sur la façon dont les développeurs peuvent les satisfaire.

1. R: Votre site Web est accessible à certains utilisateurs

Le critère de succès de niveau A détaille les étapes à suivre pour éviter certaines des violations les plus graves des principes d’accessibilité. Par exemple, la directive 1.4 se concentre sur la différenciation, ce qui signifie simplement qu’il est facile pour les utilisateurs de percevoir le contenu.

Section 1.4.1 Utilisation de la couleur est un critère de réussite de niveau A. Il explique que les sites Web ne doivent pas uniquement utiliser la couleur comme principal moyen de transmettre des informations qui indiquent une action, suscitent une réponse ou constituent un élément visuel distinctif.

Si un site Web incluait un passage de texte de couleur rouge et que les hyperliens de ce texte étaient surlignés en vert, il serait impossible pour un utilisateur avec un daltonisme rouge / vert de distinguer les liens du texte. Une façon d’améliorer l’accessibilité serait d’ajouter un autre repère visuel aux liens, par exemple en les soulignant ou en utilisant une police différente.

2. AA: votre site Web est accessible à presque tous les utilisateurs

Pour atteindre le niveau AA, vous devez d’abord satisfaire tous les critères de réussite de niveau A. Les directives de niveau AA s’appuient naturellement sur les critères de niveau A, fournissant des exigences supplémentaires.

Dans la Directive 1.4, par exemple, le 1.4.3 Contraste (minimum) le critère de succès de niveau AA augmente les 1.4.1 Utilisation de la couleur. Il souligne que le texte de n’importe quelle page doit avoir un rapport de contraste des couleurs de 4,5: 1 ou plus. Il existe quelques exceptions si le texte est volumineux ou si les images du texte sont entièrement décoratives ou font partie d’une marque ou d’un logo.

Vous pouvez en savoir plus sur la façon d’obtenir le bon contraste de couleur dans notre article complet sur le sujet. Pour les besoins de ce blog, il suffit d’imaginer la différence entre un site Web où le texte principal est présenté sous forme de texte noir sur fond blanc et un site Web où le texte est jaune pâle sur fond blanc. Le noir sur blanc a un rapport de contraste élevé, tandis que le jaune sur blanc a un rapport de contraste très faible. Les utilisateurs malvoyants ont souvent du mal à voir de petites différences dans le contraste des couleurs, ce qui rend d’autant plus important pour les sites Web de s’assurer que le rapport de contraste des couleurs du texte est suffisamment élevé pour le rendre lisible par tous.

Les critères de réussite du niveau AA comprennent également 1.4.4 Redimensionner le texte, qui recommande aux utilisateurs de pouvoir agrandir le texte jusqu’à 200 pour cent de la taille standard sans avoir besoin de technologies d’assistance.

3. AAA: Votre site Web est accessible au plus grand nombre d’utilisateurs possible

Comme pour les deux niveaux précédents, la conformité au niveau AAA nécessite de satisfaire d’abord à tous les critères de réussite des niveaux A et AA. Pour atteindre le niveau AAA, les sites Web doivent répondre à des normes encore plus détaillées. Par exemple, dans la Directive 1.4, nous trouvons 1.4.6 Contraste (amélioré), ce qui fait passer le rapport de contraste des couleurs requis de 4,5: 1 à 7: 1.

Critère 1.4.8 Présentation visuelle ajoute à 1.4.4 Redimensionner le texte en exigeant que le texte puisse être redimensionné jusqu’à 200 pour cent, tout en garantissant que l’utilisateur peut toujours lire chaque ligne complète de texte sans avoir à faire défiler la fenêtre de son navigateur horizontalement. Ce critère fait également des suggestions supplémentaires, telles que permettre aux utilisateurs de sélectionner eux-mêmes les couleurs de premier plan et d’arrière-plan, et spécifier des paramètres d’interligne et de justification qui facilitent la lecture du texte pour les personnes souffrant de troubles visuels ou cognitifs, tels que la dyslexie.

Commencez à améliorer l’accessibilité de votre site Web

En suivant les principes de conception accessible, vous faciliterez également l’analyse et le classement de votre site par les moteurs de recherche.

Bien sûr, l’accessibilité numérique est un sujet énorme, vous avez peut-être besoin de direction! Heureusement, il existe de nombreuses ressources pour vous aider, notamment la version complète du W3C Directives d’accessibilité du contenu Web (WCAG), qui devrait devenir votre pierre de touche pour tout ce qui concerne l’accessibilité. Vous pouvez également potentiellement utiliser leur guide de référence rapide comme liste de contrôle pour les principaux sujets d’accessibilité.

Il existe également de nombreux outils automatisés disponibles pour vous aider à trouver et à résoudre les problèmes d’accessibilité, y compris ceux créés par mon entreprise, AudioEye, et vous pouvez essayez-les gratuitement. Nous fournissons également des services gérés dirigés par une équipe d’experts accrédités, alors n’hésitez pas à nous contacter pour obtenir des conseils et des recommandations lorsque vous passez à l’étape suivante.


What do you think?

0 points
Upvote Downvote

Written by manuboss

Récapitulatif quotidien du forum de recherche: 21 mai 2021

Google élargit ses moyens pour toucher les nouveaux utilisateurs et les anciens utilisateurs et mettre à jour le suivi des événements dans l’application