Modèles de conception pour un contenu accessible, explorable et indexable

Vendredi 9 mai 2008

Dans la continuité de mes
précédents articles
sur l’accessibilité, voici quelques recommandations de conception pour créer du contenu Web qui reste utilisable par le plus large public possible tout en garantissant son indexation et son exploration.

Évitez les appels XMLHttpRequest superflus

Les pages qui permettent aux utilisateurs de rechercher des informations utilisent souvent des appels XMLHttpRequest pour alimenter la page avec des informations supplémentaires après son chargement. Lors de l’utilisation de ce modèle, assurez-vous que votre page initiale contient des informations utiles ; sinon, Googlebot ainsi que les utilisateurs ayant désactivé les scripts dans leur navigateur pourraient penser que votre site contient uniquement le message « chargement en cours… »

Sprites CSS et liens de navigation

Il est tout aussi important pour Googlebot que pour les utilisateurs incapables de percevoir le sens d’une image de disposer d’un texte explicite pour accompagner les liens de navigation. Lors de la conception de l’apparence des liens de navigation de votre site, vous avez peut-être choisi d’utiliser des images faisant office de liens, par exemple en plaçant <img /> des balises dans des <a> éléments.
Cette conception vous permet de placer le texte descriptif en tant
qu’attribut altsur la balise<img />

.
Mais que faire si vous êtes passé à l’utilisation de
sprites CSS

pour optimiser le chargement des pages ? Il est toujours possible d’inclure ce texte descriptif si important lors de l’application de sprites CSS ; pour une solution possible, voyez comment le logo Google et les différents liens de navigation au bas de la page de résultats Google sont codés. En bref, nous avons placé le texte descriptif juste en dessous de l’image gérée par sprite CSS.

Utilisez du JavaScript non intrusif
Nous avons abordé le concept
d’amélioration progressive
lors de la création d’un site riche et interactif. Au fur et à mesure que vous ajoutez des fonctionnalités, utilisez également des techniques de
JavaScript non intrusif

pour créer des pages Web alimentées par JavaScript qui se dégradent de manière fluide. Ces techniques garantissent que votre contenu reste accessible par la base d’utilisateurs la plus large possible sans avoir à sacrifier les fonctionnalités les plus interactives des applications Web 2.0.

Rendez les versions imprimables facilement accessibles Les sites Web aux conceptions visuelles hautement interactives fournissent souvent l’intégralité du contenu d’un article donné sous forme de version imprimable

. Générées à partir du même contenu que la version interactive, elles constituent une excellente source de contenu de haute qualité tant pour Googlebot que pour les malvoyants incapables de profiter de toutes les fonctionnalités interactives d’un site Web. Mais trop souvent, ces versions imprimables restent cachées derrière des liens scriptés de la forme :

Créer de véritables URL pour ces versions imprimables et y faire des liens via de simples ancres HTML améliorera considérablement la qualité du contenu exploré.
Si vous craignez particulièrement le
duplication de contenu

entre la version interactive et la version imprimable, vous pouvez choisir une version préférée du contenu et soumettre un sitemap contenant l’URL préférée, tout en essayant de faire un lien interne vers cette version. Cela peut aider Google à dissiper toute ambiguïté si nous voyons des parties de l’article apparaître sur différentes URL.

Créez des URL pour votre contenu utile En tant que webmaster, vous avez le pouvoir de générer

• des URL pour tout le contenu utile que vous publiez. L’exercice de ce pouvoir est ce qui fait tourner le Web. Créer des URL pour chaque pépite de valeur que vous publiez et y faire des liens via de bons vieux hyperliens HTML garantira que :
• Googlebot découvre ce contenu,
• les utilisateurs peuvent trouver ce contenu,

et les utilisateurs peuvent l’ajouter aux signets pour y revenir plus tard.

Ne pas le faire oblige souvent vos utilisateurs à devoir se souvenir de parcours de clics complexes pour atteindre cette pépite d’information qu’ils savent avoir consultée précédemment sur votre site.
Écrit parT.V. Raman