Améliorer l'Accessibilité non-voyants => Amélioration SEO

[F2lt]

Bonjour,

L’amélioration de l'accessibilité d'un site web pour les non-voyants améliore aussi l'indexation des pages par les moteurs de recherches. Les deux "lecteurs" (lecteur d'écran vocal et programme d'indexation) ont une vision linéaire du contenu d'une page qu'ils lisent de manière séquentielle (1D) contrairement à un lecteur visuel classique qui peut se déplacer en 2D sur une page.

Sans avoir à recourir à l'utilisation d'un navigateur texte comme Lynx ou un lecteur d'écran comme NVDA, on peut se rendre compte facilement du rendu séquentielle d'une page en activant le style utilisateur du navigateur (Opera le fait très bien : Afficher > Style > Mode utilisateur).

Je vous propose deux éléments d'amélioration qui peuvent facilement être mis en oeuvre

1. Changer l'ordre de sortie des colonnes "left", "main" et "right" :

Dans le template par défaut fe_page.tpl , les colonnes "left" et "right" sont avant la colonne "main". En principe le contenu des colonnes latérales se retrouve sur d'autres pages et il a moins d'importance que le contenu de la colonne centrale.

Modifier fe_page.tpl (et les définitions de CSS correspondantes) de manière à ce que l'ordre soit "main", "left" et "right" permet à ces lecteurs séquentiels d'accéder directement à l'information principale de la page.

2. Utilisation des niveaux de titre <h1>...<h6>

Les moteurs d'indexation pondèrent les textes d'une page suivant différents critères et en particulier les niveaux de titre (balise <h1> à <h6>). Cette "importance" est décroissante suivant le niveau du titre de h1 à h6 et en principe une page ne doit contenir qu'un seul titre <h1> (cohérent avec le titre de la page <title>) et différents autres titres de niveaux inférieurs.

Or, les lecteurs d'écran vocaux (Jaws, NVDA) reconnaissent ces niveaux de titre et permettent de se déplacer dans la page de titre en titre (touche 1 -> prochain h1, shift+touche 2 -> h2 précédent...).

Donc, une utilisation correcte et cohérente des niveaux de titre améliore non seulement l'indexation des pages mais aussi la navigation intra-page pour les non-voyants.

Je vais laisse consulter la page accessibilité du site web pour les non-voyants de Mira Europe (Le déplacement dans une page par niveaux de titre) pour voir un exemple d'utilisation. L'utilisation de <h5> et <h6> comme repère des menus et mini formulaires n'a pas affectée la liste des mots clefs de Google Webmaster Tools.

J'espère vous avoir convaincu qu'en travaillant sur l’excellente base qu'est Contao, il suffit d'un minimum de travail pour faciliter l'accès de votre site aux non-voyants tout en améliorant votre référencement naturel.