L’accessibilité de votre site internet est capitale pour obtenir un bon référencement naturel dans les moteurs de recherche. Voici des infos sur le thème de l’accessibilité.
Avant toute chose, il faut comprendre que Google favorise l’accessibilité – tout le monde doit pouvoir accès à votre site internet, et dans les meilleures conditions possible. C’est à dire que tout personne doit pouvoir naviguer sur votre site depuis un ordinateur, une tablette ou un téléphone, rapidement, et de manière lisible. L’accessibilité est définie dès la création du site internet.
C’est quoi l’accessibilité d’un site internet
L’accessibilité des sites Web est une pratique éthique qui consiste à s’assurer que votre site Web peut être compris et navigué facilement par les utilisateurs handicapés. Il y a quatre raisons pour lesquelles vous devriez ajouter l’accessibilité des sites Web à votre liste de référencement :
- Un aspect important du référencement est l’optimisation pour les personnes, ce qui signifie que nous devrions optimiser pour tout le monde, y compris les utilisateurs handicapés. Les sites Web qui ne sont pas optimisés peuvent entraîner une diminution des recherches et de la visibilité, car les gens s’en éloignent généralement.
- Selon le World Wide Web Consortium (W3C), « des études de cas montrent que les sites Web accessibles ont de meilleurs résultats de recherche, des coûts de maintenance réduits et un public plus large, entre autres avantages. » Cela montre que l’accessibilité des sites Web fait partie intégrante du référencement.
- Google accorde une grande importance à l’accessibilité des sites Web. Selon sa page sur l’accessibilité, « Tout le monde devrait pouvoir accéder au Web et en profiter. Nous nous engageons à faire de cet objectif une réalité. »
- C’est la bonne chose à faire. Renoncer à l’accessibilité revient à empêcher délibérément des groupes entiers d’accéder à la communication et à l’information et à les empêcher de participer pleinement à la société.
Dans ce billet de blog, j’aborderai cinq des pratiques habituelles de référencement que nous effectuons et la manière dont elles contribuent à l’accessibilité des sites Web, et j’ajouterai cinq autres pratiques que vous pouvez adopter pour rendre votre site Web accessible à tous.
Comment rendre votre site plus accessible
Optimiser les balises de titre
La balise titre est le titre de votre page Web. Elle décrit votre page Web aux utilisateurs et aux moteurs de recherche. Elle contribue à l’accessibilité du site Web, car pour les utilisateurs malvoyants, la balise titre est lue par le lecteur d’écran lors du chargement de la page, ce qui en fait leur introduction à votre site Web. Optimisez les balises de titre pour l’accessibilité des sites Web
Modifier le slug de l’URL pour qu’il soit descriptif et précis
Un slug URL qui n’est pas optimisé ou qui prête à confusion sera difficile à comprendre non seulement pour les moteurs de recherche, mais aussi pour les gens. Premièrement, il sera très difficile à retenir. Deuxièmement, il pourrait s’agir de charabia et, par conséquent, être frustrant à écouter. Consultez l’URL de cet article de Forbes :
Imaginez maintenant que vous utilisez un lecteur d’écran. Il vous lira l’intégralité de l’URL, de sorte qu’avant et après avoir écouté la partie importante de l’URL, vous devrez également écouter les parties inutiles.
D’un autre côté, il existe des URL descriptives qui ne sont toujours pas utiles parce qu’elles sont inexactes. En règle générale, assurez-vous que votre slug URL est descriptif et précis afin d’aider votre utilisateur à savoir qu’il se trouve sur la bonne page de votre site Web. Sur la base de l’URL ci-dessus, vous savez exactement à quelle page web vous allez accéder. Cela contribue à l’accessibilité du site Web, car cela donne des informations rapides et précises aux utilisateurs, qui peuvent ainsi passer rapidement à d’autres parties de la page.
Ajout d’un texte alternatif aux images
Le texte alternatif est ce que les utilisateurs voient lorsque l’image ne se charge pas correctement. Le texte alternatif est également lu par les lecteurs d’écran, ce qui permet aux personnes malvoyantes de savoir qu’il y a une image et de quoi il s’agit. Si vous ne mettez pas de texte alternatif pour les images, vous perdez vos chances de voir votre image se classer dans les résultats de la recherche d’images et les utilisateurs malvoyants se heurtent à un obstacle pour mieux comprendre votre contenu.
[Lire: Images: optimiser vos balises ALT, ou pas ?]
Cela signifie que les textes alt doivent être descriptifs, non seulement pour le référencement, mais aussi pour l’accessibilité du site, car ils aident les malvoyants à comprendre l’image elle-même.
Ajouter des en-têtes appropriés au contenu
Les en-têtes de votre page structurent le contenu pour le moteur de recherche et les utilisateurs. Cette pratique n’est pas seulement bonne pour les classements, mais elle contribue à l’accessibilité du site Web. L’ajout d’en-têtes appropriés sur votre page garantit l’accessibilité du site Web pour les malvoyants, car les lecteurs d’écran seront en mesure d’interpréter la page avec plus de précision. Cela les aidera non seulement à comprendre l’organisation de votre contenu, mais aussi à y naviguer plus facilement.
La hiérarchie des titres est réalisée par l’utilisation de balises H1, H2, H3, etc…
[Lire: Techniques pour améliorer son référencement naturel]
Limiter les interstitiels intrusifs
Les interstitiels sont une tactique marketing d’interruption ennuyeuse où les publicités apparaissent sur la page. Certains interstitiels intrusifs peuvent avoir un effet négatif sur votre référencement, en tirant vos classements vers le bas. Mais ce n’est pas la seule raison pour laquelle vous devriez limiter ces pop-ups. Outre les inconvénients évidents, elles limitent également l’accessibilité du site Web.
Les fenêtres pop-up qui recouvrent une page, les vidéos YouTube qui se lisent automatiquement dans la barre latérale – tout cela peut faire de votre page un cauchemar pour les utilisateurs souffrant de troubles du développement et même d’anxiété. Si vous êtes stressé par la présence de tous ces éléments « bruyants » sur et autour d’une page Web, que dire des utilisateurs qui doivent naviguer sur une page à travers le son, qui ont du mal à supporter les sons soudains, ou de ceux qui doivent prendre des mesures supplémentaires pour fermer les fenêtres pop-up ?
L’un des membres de mon équipe, par exemple, se sent physiquement malade dès qu’il accède à un site Web comportant de multiples interstitiels, car ceux-ci déclenchent une surcharge sensorielle. Par conséquent, il évite ces sites autant que possible pour ne pas déclencher son anxiété.
Limiter les interstitiels peut contribuer à l’accessibilité du site Web, car tous les types d’utilisateurs auront plus de facilité à accéder à votre site Web et à y rester.
Rendre votre site Web convivial pour les écrans
Il arrive que la mise en page du contenu de notre page Web se déplace soudainement en raison des publicités et d’autres éléments de notre page. Ce phénomène est appelé « Cumulative Layout Shift » ou CLS.
Ces changements de mise en page peuvent être frustrants pour les utilisateurs malvoyants. Étant donné qu’ils dépendent de lecteurs d’écran, ces changements de mise en page peuvent les amener à manquer du contenu ou à être confus parce que le lecteur d’écran change soudainement ce qu’ils lisent.
Les lecteurs d’écran tels que NVDA ne se contentent pas de lire le contenu de la page, ils lisent aussi spécifiquement ce que le curseur de l’utilisateur pointe. Par conséquent, si le contenu de la zone sur laquelle le curseur est pointé change soudainement, l’utilisateur devra prendre des mesures supplémentaires pour retrouver l’endroit où il se trouvait initialement dans votre page.
Pour assurer l’accessibilité de votre site Web, veillez à ce qu’il comporte une zone réservée au contenu dynamique, des dimensions spécifiques pour les images et les vidéos et des polices optimisées.
Rendre le texte lisible
Il y a deux aspects de l’esthétique des textes sur lesquels nous devons nous concentrer pour les rendre plus lisibles.
La police et la taille de la police
Avez-vous déjà atterri sur un site Web dont vous pouviez à peine lire le texte parce qu’il était trop petit ou trop stylisé ? En général, c’est une mauvaise pratique que de rendre le texte de votre site Web difficile à lire, car cela incite les prospects potentiels à quitter votre page par frustration. Lorsque nous créons nos sites web, nous voulons qu’ils soient aussi faciles à naviguer et à comprendre que possible. Les polices trop stylisées et les petites tailles de caractères vont à l’encontre de ce principe.
D’autre part, certaines personnes malvoyantes qui n’utilisent pas de lecteurs d’écran peuvent avoir des difficultés avec votre site, même si la taille de la police est suffisamment grande pour les autres utilisateurs. Dans ce cas, nous voulons nous assurer que notre site ne se casse pas la figure lorsque les utilisateurs font un zoom avant.
Schéma de couleurs
Certaines personnes tentent d’être créatives avec leur palette de couleurs, mais se retrouvent avec un site Web présentant un faible contraste entre le texte et l’arrière-plan. Cela rend la lecture difficile, tant pour les personnes voyantes que pour les malvoyants. Les concepteurs doivent également se concentrer sur les CTA et les liens et s’assurer qu’un contraste de couleurs approprié est utilisé pour les rendre faciles à repérer.
Les couleurs recommandées sont toujours le texte noir sur fond blanc, mais pour les CTA, nous devons être plus créatifs. La règle de base est d’éviter les combinaisons de rouge et de vert afin de les rendre lisibles pour les daltoniens. Outre la clarté du message, le contraste entre le texte noir et le fond jaune fait ressortir l’appel, ce qui le rend plus facile à voir et à lire.
Faciliter la navigation au clavier
Votre site Web est peut-être agréable sur le plan esthétique, mais est-il facile à naviguer pour les personnes souffrant d’un handicap moteur ? Un test simple que vous pouvez faire consiste à naviguer sur votre site Web en utilisant uniquement votre clavier. Les touches les plus couramment utilisées sont les touches de tabulation et les flèches. Lorsque vous testez votre site web, posez-vous les questions suivantes :
- La navigation sur votre page Web prend-elle trop de temps ?
- Y a-t-il des éléments interactifs auxquels vous ne pouvez pas accéder ?
- Est-il difficile de savoir où vous vous trouvez sur la page ?
- Si vous répondez oui à l’une de ces questions, vous devez optimiser votre navigation pour l’accessibilité du site Web.
Tout d’abord, ajoutez un bouton « Sauter la navigation » ou « Sauter au contenu principal » en haut de la page pour aider les utilisateurs ne possédant qu’un clavier à sauter les différents liens de navigation lorsqu’ils n’en ont pas besoin. Ensuite, il faut s’assurer que tous les menus déroulants sont navigables à l’aide des touches fléchées et que les différents boutons et liens sont accessibles par la touche de tabulation. Enfin, ajoutez le « focus clavier » pour aider les utilisateurs à voir où ils se trouvent sur la page.
Ajouter des sous-titres aux vidéos ou joindre une transcription
Les vidéos peuvent rendre votre contenu dynamique, mais certaines adaptations doivent être prises en considération pour l’accessibilité du site Web. Certains des utilisateurs de notre site sont malentendants ou ont des problèmes sensoriels. Dans ce cas, il y a deux choses que vous pouvez faire : la première est d’ajouter des sous-titres à vos vidéos, et la seconde est de créer une transcription.
Vous pouvez choisir parmi plusieurs options pour créer une transcription. Ma méthode préférée pour créer des transcriptions pour des vidéos déjà publiées et sans sous-titres est d’utiliser la fonction de dictée de Microsoft Word. Lorsque la vidéo est de moi, mon autre option est de créer un script avant de réaliser la vidéo et de le joindre à la page en tant que transcription.
Les cours en ligne tels que Google Analytics Academy en sont un bon exemple, puisque les transcriptions se présentent sous la forme de liens ou de pièces jointes au format PDF.
Éviter les vidéos avec des lumières clignotantes
Enfin, nous devons veiller à ce que nos vidéos soient agréables à regarder. Certains utilisateurs sont photosensibles et les lumières clignotantes peuvent déclencher une crise d’épilepsie ou une crise épileptique. Les avertissements de déclenchement peuvent être une bonne idée, mais cela signifie toujours que certains utilisateurs ne pourront pas accéder au contenu de votre vidéo. Pour revenir au principe de l’accessibilité des sites Web et pour des raisons de sécurité, évitez de mettre des lumières clignotantes sur vos vidéos.
En conclusion… L’accessibilité des sites Web est une pratique éthique que les développeurs Web doivent adopter pour répondre aux besoins de toutes sortes de personnes. Certaines de nos pratiques de référencement contribuent déjà à l’accessibilité des sites Web pour tous, mais il existe d’autres pratiques que nous pouvons ajouter à notre arsenal pour nous assurer que nos sites Web sont conviviaux pour les utilisateurs handicapés.
SEO INSIDE est une agence web à Lille.
--
SEO Inside est une agence web et SEO - en savoir plus sur nous:
Agence web / Audit SEO / Conseil SEO / Création de site internet / Refonte de site internet optimisé pour le SEO / Référencement naturel / Référencement local /Netlinking / Formation SEO / E-Réputation et avis
Voici nos implantations :
Lille / Dunkerque / Amiens – ce sont nos 3 bureaux historiques.
Puis voici nos zones géographiques d’intervention :
Paris / Abbeville / Rouen / Compiègne / Reims / Metz / Caen / Evreux / Nancy / Colmar / Rennes / Le Mans / Orléans / Dijon / Besançon / Angers / Nantes / La Rochelle / Poitiers / Limoges /Clermont-Ferrand / Lyon / Annecy / Grenoble / Valence / Bordeaux / Montauban / Toulouse / Biarritz / Montpellier / Marseille / Cannes / Nice / Avignon / Monaco
SEO INSIDE est une agence web spécialiste en référencement naturel qui se veut proche de vous. Contactez-nous pour discuter de vos projets.
