Blog

Conseils aux webmestres pour créer des sites accessibles et explorables

Lundi 14 avril 2008

T.V. Raman and Hubbell at home

Conseils aux webmestres pour créer des sites accessibles et explorables

Hubbell et moi profitons de la journée dans notre maison en Californie. Vous pouvez consulter mon article précédent sur
l’accessibilité
pour les webmestres, ainsi que
des articles supplémentaires
que j’ai écrits pour le blog officiel de Google.

L’une des questions les plus fréquemment posées sur
Accessible Search
est : Que puis-je faire pour que mon site soit bien classé sur Accessible Search ? En même temps, les webmestres posent souvent une question similaire mais plus large : Que puis-je faire pour être bien classé sur Google Search ?

Eh bien, j’ai le plaisir de vous annoncer que vous pouvez faire d’une pierre deux coups : les fonctionnalités critiques du site, telles que la navigation du site, peuvent être créées pour fonctionner pour tous les utilisateurs, y compris notre propre Googlebot. Voici quelques conseils à prendre en compte.

Assurez-vous que tout le contenu critique est accessible

Pour accéder au contenu, il doit être accessible. Les utilisateurs et les robots d’indexation du Web accèdent au contenu en naviguant à travers des hyperliens. Par conséquent, comme première étape essentielle, assurez-vous que tout le contenu de votre site est accessible via de simples hyperliens HTML et évitez de cacher des parties critiques de votre site derrière des technologies telles que JavaScript ou Flash.

Les hyperliens simples sont des hyperliens créés via un élément d’ancrage HTML. Ensuite, assurez-vous que la cible de tous les hyperliens (c’est-à-dire <a> les éléments) sont de véritables URL, plutôt que d’utiliser un hyperlien vide tout en déléguant le comportement de l’hyperlien à un gestionnaire onclick .

En bref, évitez les hyperliens de la forme :

De préférence pour des liens plus simples, tels que :

Assurez-vous que le contenu est lisible

Pour être utile, le contenu doit être lisible par tout le monde. Assurez-vous que tout le contenu important de votre site est présent dans le texte des documents HTML. Le contenu doit être disponible sans qu’il soit nécessaire d’évaluer des scripts sur une page. Le contenu masqué derrière des animations Flash ou du texte généré dans le navigateur par du JavaScript exécutable reste opaque pour le Googlebot, ainsi que pour la plupart des utilisateurs malvoyants.

Assurez-vous que le contenu est disponible dans l’ordre de lecture

Après avoir découvert et atteint votre contenu lisible, un utilisateur doit pouvoir suivre le contenu que vous avez réuni dans son ordre de lecture logique. Si vous utilisez une mise en page complexe à plusieurs colonnes pour la majeure partie du contenu de votre site, vous souhaiterez peut-être prendre du recul et analyser la manière dont vous obtenez l’effet souhaité. Par exemple, l’utilisation de tableaux HTML profondément imbriqués rend difficile la liaison de morceaux de texte apparentés de manière logique.

Le même effet peut souvent être obtenu en utilisant CSS et des éléments
<div>

organisés de manière logique en HTML. En prime, vous constaterez que votre site s’affiche beaucoup plus rapidement.

Complétez tout le contenu visuel — n’ayez pas peur de la redondance !

  • Rendre l’information accessible à tous ne signifie pas que vous devez « simplifier à l’extrême » votre site en texte brut. Rendre votre contenu maximalement redondant est essentiel pour garantir qu’il soit maximalement utile à tout le monde. Voici quelques conseils simples :
    Assurez-vous que le contenu communiqué par le biais d’images est disponible lorsque ces images sont manquantes. Cela va au-delà de l’ajout
    d’attributs alt
  • appropriés aux images pertinentes. Assurez-vous que le texte entourant l’image fait un travail adéquat pour définir le contexte dans lequel l’image est utilisée, ainsi que pour détailler les conclusions que vous attendez d’une personne voyant l’image. En bref, si vous voulez vous assurer que tout le monde sait qu’il s’agit d’une photo d’un pont, enveloppez ce texte autour de l’image.
  • Ajoutez des résumés et des légendes pertinents aux tableaux afin que le lecteur puisse acquérir une appréciation globale des informations véhiculées avant de se plonger dans les détails qu’ils contiennent.

Accompagnez les animations visuelles telles que les affichages de données d’un résumé textuel détaillé.

Alien Road

Comment nous l'appliquons

Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.

Services associés

Partager