Le maillage interne a souvent été un outil puissant pour le SEO, servant de pont pour connecter diverses pages web. L’un des objectifs principaux a généralement été d’améliorer la visibilité dans les moteurs de recherche.
Cependant, l’importance du maillage interne va au-delà du SEO ; il est essentiel pour créer un site web navigable et convivial, en particulier pour les personnes en situation de handicap.
Le maillage interne est un domaine où le SEO a une influence en termes de lieu et de manière d’apparition sur un site web.
Malheureusement, de nombreuses recommandations de maillage SEO ont contribué à l’inaccessibilité des sites web.
Heureusement, les SEOs sont bien placés pour soutenir le changement et offrir de meilleures expériences en ligne pour les visiteurs des sites – et certes, pour Google.
Cela dit, le soutien du SEO seul n’est pas suffisant. Pour véritablement améliorer l’accessibilité, il est impératif d’intégrer des personnes en situation de handicap à travers tout le spectre de l’emploi, des postes de direction aux postes de débutants et tout ce qui se trouve entre les deux. Une telle inclusivité enrichit l’environnement de travail et améliore considérablement les normes d’accessibilité globales.
Si vous êtes prêt à commencer le processus en mettant l’accent sur l’accessibilité en matière de maillage interne, voici quelques recommandations pour vous aider à démarrer.
1. Utiliser un texte d’ancre clair et descriptif
L’utilisation d’un texte d’ancre clair et descriptif est fondamentale pour l’accessibilité d’un site web. Le texte d’ancre sert de guide, dirigeant les utilisateurs vers ce qu’ils peuvent attendre lorsqu’ils activent un lien. Sans descripteurs clairs, les utilisateurs peuvent rencontrer des erreurs de navigation potentielles, en particulier ceux qui dépendent des lecteurs d’écran.
« Un texte d’ancre vague tel que “cliquez ici” ou “en savoir plus” ne fournit aucun contexte. Cela pose particulièrement problème pour les utilisateurs de lecteurs d’écran qui peuvent ne pas avoir un accès immédiat au contenu environnant qui pourrait fournir des indices supplémentaires sur la destination du lien. Un texte d’ancre non descriptif peut transformer la navigation en une série de résultats inattendus et une mauvaise expérience utilisateur. »
Voici un exercice que j’aime utiliser pour illustrer l’importance d’un texte d’ancre clair et descriptif. Vous floutez essentiellement tout le texte environnant de manière à ce que seul le texte d’ancre soit lisible. À partir de là, demandez-vous : Le texte d’ancre rend-il évident de quoi parle la page suivante ?
Comment faire ?
Choisissez des phrases descriptives qui offrent un aperçu clair du contenu lié. Cela améliore l’utilisabilité et renforce la confiance des utilisateurs, car ils savent à quoi s’attendre de chaque lien.
Alternativement, l’utilisation d’attributs ARIA-label peut également fournir plus de contexte en remplaçant le texte d’ancre par une valeur plus significative pour fournir le contexte nécessaire aux utilisateurs de lecteurs d’écran. Remplacer le texte d’ancre par quelque chose de précieux aide à garantir que chaque occurrence est distincte et significative.
2. Adapter le texte d’ancre à l’intention de l’utilisateur
Adapter le texte d’ancre à l’intention de l’utilisateur est important pour une expérience de navigation simple. Les utilisateurs qui cliquent sur un lien ont une attente basée sur la description du texte d’ancre. Si le contenu résultant ne correspond pas à cette attente, cela peut conduire à une mauvaise expérience utilisateur. Cette incohérence peut être déroutante pour les utilisateurs ayant des troubles d’apprentissage, entraînant une méfiance.
« Le texte d’ancre est peut-être la partie la plus importante du maillage interne, alors vous devez le faire correctement. Que dit “cliquez ici” au lecteur ? Aux moteurs de recherche ? Aux personnes qui utilisent des lecteurs d’écran ? Rien. Cela ne leur dit absolument rien. Tout le monde, et chaque bot, qui scanne votre site web doit comprendre où il va, »
Cela peut également être irritant pour les utilisateurs de lecteurs d’écran. Imaginez sélectionner un lien étiqueté « recette de gâteau au chocolat sans gluten » et être plutôt dirigé vers une page de vente de chocolat. Votre texte d’ancre doit servir de promesse et la page liée doit tenir cette promesse.
Comment faire ?
Auditez régulièrement les liens internes pour vous assurer qu’ils mènent à un contenu pertinent et attendu. Assurez-vous que les liens tiennent toujours leurs promesses, favorisant la confiance et améliorant l’expérience utilisateur globale. J’ai inclus un exemple de modèle à la fin de cet article.
3. Éviter de surcharger avec des liens
Nous pourrions créer involontairement un encombrement dans notre quête de fournir autant d’informations que possible. Une page saturée de liens peut être visuellement chaotique et cognitivement accablante. Pour les utilisateurs ayant des troubles de l’attention, distinguer parmi une multitude de liens peut être particulièrement difficile, entraînant de la fatigue et de la frustration.
Pour les utilisateurs neurodivergents et ceux ayant des troubles cognitifs, une page encombrée de trop nombreux liens peut être désorientante, rendant difficile le traitement efficace de l’information et conduisant à une expérience en ligne éprouvante. Simplifier la mise en page et réduire le nombre de liens peut améliorer considérablement la navigabilité et l’absorption du contenu, améliorant l’expérience utilisateur globale.
Pour les utilisateurs de lecteurs d’écran, une surcharge de liens peut être perturbatrice car la technologie d’assistance vocalise chaque lien. Les lecteurs d’écran utilisent des touches de navigation rapide pour naviguer efficacement sur les pages web, permettant aux utilisateurs de sauter vers des éléments spécifiques comme les en-têtes et les liens. Naviguer à travers une longue liste de liens peut devenir fastidieux et accablant, rendant difficile de retenir les informations ou de décider quel lien sélectionner.
Les meilleures pratiques SEO suggèrent généralement moins de 100 liens par page, mais une approche plus centrée sur l’utilisateur serait de viser environ 25-30 liens ou moins. Cela aide à améliorer la clarté et la navigabilité de la page, y compris pour les utilisateurs utilisant uniquement un clavier.
Pour mieux optimiser la mise en page, il est préférable d’éviter de regrouper les liens. En plus de les intégrer et de les espacer dans le texte, envisagez d’utiliser des listes à puces ou des tableaux pour améliorer l’organisation de la mise en page.
Comment faire ?
Soyez judicieux avec les liens. Au lieu de lier chaque mot-clé possible, concentrez-vous sur la liaison de contenu pertinent et précieux qui améliore la compréhension de l’utilisateur ou offre des possibilités d’exploration approfondie.
Demandez-vous : Ajouté-je ce lien uniquement pour le SEO, ou parce qu’il ajoute réellement de la valeur ? Adoptez également cet état d’esprit pour la création de liens.
4. Privilégiez des styles de liens facilement identifiables
Il est crucial que les liens soient visibles et distincts pour encourager les utilisateurs à les repérer et interagir avec eux. Des liens se fondant dans le texte ordinaire et peu discernables entravent la navigation et masquent des parcours importants. Comment augmenter les pages vues et réduire le taux de rebond si les liens sont difficiles à trouver ?
“Pour les utilisateurs malvoyants ou ceux avec des déficiences de vision des couleurs, les liens indistincts deviennent presque invisibles. Les liens doivent avoir un ratio de contraste de couleur d’au moins 3:1 pour ressortir,”
De même, les personnes avec des troubles d’apprentissage peuvent peiner avec des styles de liens non standards ou incohérents, ajoutant une complexité supplémentaire à leur expérience de navigation.
Comment faire ?
Les liens doivent avoir un style uniforme sur tout le site. La perception du lien dépend de différentes modalités, comme une couleur spécifique, un soulignement ou autre traitement visuel. Garder une cohérence aide les utilisateurs à identifier rapidement les liens, où qu’ils se trouvent sur le site.
Assurez-vous également d’utiliser un contraste de couleur 3:1 pour que la couleur choisie se détache du texte environnant, tout en respectant un contraste de 4.5:1 avec l’arrière-plan. Le texte hyperlié doit aussi changer de couleur et/ou de style lorsque le focus est sur ce lien.
5. Utilisez le fil d’Ariane
La navigation par fil d’Ariane est un système de navigation secondaire indiquant la position de l’utilisateur sur un site et le chemin emprunté pour y parvenir. Visuellement représentée par un enchaînement de liens, généralement en haut de page, elle offre un moyen rapide aux utilisateurs de comprendre leur position actuelle et sa relation avec la structure globale du site.
Pour les utilisateurs de lecteurs d’écran, elle fournit un aperçu rapide de la position de la page actuelle dans la structure du site. Elle propose une méthode de navigation alternative, permettant à ces utilisateurs de sauter vers des sections de niveau supérieur sans revenir sur plusieurs pages.
Les fils d’Ariane doivent être statiques, non dynamiques. Ceci est important pour les individus neurodivergents en raison de sa consistance et prévisibilité, aidant à maintenir l’orientation sur le site. Ce format fixe réduit la charge cognitive en offrant un chemin clair et inchangé, facilitant le traitement de l’information.
“Les fils d’Ariane statiques fournissent une structure de navigation constante, essentielle pour les utilisateurs neurodivergents. Cette fonctionnalité réduit la charge cognitive, permettant aux utilisateurs de revenir à des pages plus haut dans la structure du site, comme les catégories parentes. Ce chemin clair et inchangé aide les utilisateurs à sortir des ‘terriers de lapin’ et à revenir à la page ou catégorie précédente,”
Comment faire ?
Les fils d’Ariane doivent être faciles à trouver, typiquement en haut d’une page web, et doivent être visuellement distincts des autres contenus. Assurez-vous que chaque segment du fil d’Ariane soit lié, à l’exception de la page actuelle, permettant aux utilisateurs de revenir facilement aux sections ou pages précédentes.
Veillez à ce que le fil d’Ariane soit marqué sémantiquement, en utilisant les éléments HTML appropriés et les rôles ARIA pour que les lecteurs d’écran puissent l’interpréter correctement.
6. Utilisez une navigation statique
La navigation statique globale fait référence à un ensemble constant d’options de navigation qui restent inchangées sur toutes les pages d’un site web. Typiquement située en haut d’un site ou sur le côté, cette navigation offre un menu stable et prévisible, garantissant que les utilisateurs disposent toujours d’un ensemble familier d’options pour les aider à se déplacer sur le site.
Les entreprises ajustent parfois leur navigation principale en fonction des interactions des utilisateurs pour diverses raisons. Cela peut inclure la mise en avant de certains produits, services ou contenus, en fonction de ce qu’elles estiment intéressant pour l’utilisateur. Bien que la navigation dynamique puisse présenter des avantages, ces changements peuvent parfois compliquer l’expérience utilisateur, surtout si cela perturbe la cohérence ou la prévisibilité du site.
« Certains utilisateurs neurodivergents, comme les personnes dyslexiques ou celles ayant des troubles de la mémoire, bénéficient particulièrement d’une navigation statique. Si un utilisateur doit constamment réapprendre ou s’adapter à de nouveaux agencements de navigation à chaque page, cela peut être désorientant »
L’effort nécessaire pour comprendre et naviguer sur un site web devrait être minimal, et si votre site est difficile à naviguer, les utilisateurs en situation de handicap chercheront probablement des alternatives. De nombreux utilisateurs en situation de handicap sont incroyablement fidèles aux marques qui privilégient l’accessibilité.
Comment faire ?
Adopter un menu de navigation global constant sur le site web offre aux utilisateurs un ancrage stable et familier. Cette cohérence réduit la charge cognitive et améliore l’efficacité de la navigation.
L’ordre des liens doit être prévisible, logique et intuitif. Il doit inclure des liens vers les sections les plus importantes ou les plus fréquemment consultées du site web, garantissant que les utilisateurs peuvent toujours atteindre rapidement les zones clés.
7. Éviter de créer des liens sur les titres
Les titres jouent un rôle pivot dans l’organisation du contenu et guident les utilisateurs à travers la structure d’une page web. Ils agissent comme des panneaux indicateurs ou une table des matières aidant les utilisateurs à comprendre la hiérarchie et le flux d’informations. Lorsque les titres sont hyperliés, cela peut perturber cette structure organisationnelle pour certains utilisateurs, rendant le contenu plus difficile à naviguer et à comprendre.
Pour les utilisateurs de lecteurs d’écran, les titres sont particulièrement cruciaux. C’est parce que les utilisateurs naviguent souvent en sautant d’un titre à l’autre pour scanner rapidement et comprendre la disposition du contenu. Les titres hyperliés peuvent perturber ce rythme, car l’utilisateur pourrait se retrouver inopinément sur une nouvelle page ou section sans avoir l’intention de naviguer ailleurs.
Il est important de noter, cependant, que les retours des utilisateurs de lecteurs d’écran sur cette question varient. Lors de conversations avec différents utilisateurs lors de la rédaction de cet article, certains n’ont signalé aucune perturbation due aux titres hyperliés, tandis que d’autres les ont trouvés extrêmement gênants. Cette réponse mitigée est la raison de l’inclusion de ce point.
Comment faire ?
En règle générale, les titres ne devraient pas contenir de liens. Cela garantit qu’ils remplissent leur fonction principale de structurer le contenu sans ajouter de perplexité potentielle.
S’il est nécessaire de fournir un lien relatif au sujet d’un titre, il est préférable d’inclure ce lien dans le texte immédiatement après le titre. Cette approche maintient la clarté du titre tout en offrant le lien.
8. Résoudre les erreurs 404
Les liens brisés sont l’équivalent numérique d’impasses. Ils perturbent le parcours de l’utilisateur, entraînant de la frustration.
Communément appelée erreur « Page non trouvée », elle se produit lorsqu’un utilisateur tente d’accéder à une page web qui n’existe pas sur le serveur. Ces erreurs peuvent résulter d’une page supprimée, d’un changement d’URL sans redirection appropriée ou d’une URL mal saisie.
“Du point de vue de l’accessibilité, les erreurs 404 peuvent être particulièrement perturbatrices car elles interrompent le rythme de navigation sur le site. Dans certains cas, il peut être difficile de revenir à un point familier, ce qui peut entraîner l’abandon complet du site. Cela peut impacter négativement la marque, la confiance et la crédibilité de votre site”
Comment faire ?
Utilisez des outils et des audits périodiques pour garantir que tous les liens internes mènent à des pages actives et pertinentes. Si un utilisateur atterrit sur une page 404, assurez-vous que le message soit clair et offre des indications sur les étapes suivantes, incluant une barre de recherche, un lien vers la page d’accueil ou une liste de destinations populaires.
Fournissez également un moyen pour les utilisateurs de signaler les liens brisés ou les problèmes rencontrés. Ces retours peuvent aider à identifier et résoudre les erreurs plus rapidement.
9. Limitez l’utilisation des redirections
Les redirections sont des outils qui amènent automatiquement les utilisateurs d’une URL à une autre. Bien qu’elles puissent être utiles dans certaines situations, comme guider les utilisateurs d’un contenu obsolète vers sa version plus récente, des redirections excessives ou mal implémentées peuvent poser des défis d’accessibilité.
Lorsqu’un lien amène inopinément un utilisateur vers une destination différente, cela peut provoquer une désorientation. Cela peut être particulièrement déconcertant pour les utilisateurs de lecteurs d’écran qui peuvent se retrouver sur une page à laquelle ils ne s’attendaient pas sans comprendre pourquoi. Pour les personnes ayant certaines déficiences cognitives, il peut être difficile de comprendre le changement de contexte qui se produit avec les redirections, entraînant de la frustration.
Comment faire ?
Il est préférable d’éviter totalement les redirections car cela aidera la page à se charger plus rapidement. Utilisez-les uniquement lorsque cela est absolument nécessaire. Si vous avez changé la structure de l’URL ou déplacé du contenu, mettez à jour les liens internes pour pointer directement vers le nouvel emplacement plutôt que de compter sur les redirections. Si les redirections sont inévitables, assurez-vous qu’elles soient rapides et ne chaînent pas plusieurs redirections ensemble.
Il existe d’autres bonnes pratiques de liens internes qui auraient pu être incluses (comme comment aborder un plan du site HTML et une Table des Matières). Utilisez les instructions ci-dessus comme point de départ si vous ne les employez pas déjà.
Lorsque nous commençons par l’accessibilité, le SEO a tendance à suivre. Ce n’est pas toujours le cas dans le sens inverse. Un exemple serait l’ajout de liens dans le but de la “distribution de liens” et d’autres métriques SEO non pertinentes.