La page d'accueil de Larousse.fr est très peu accessible [557 mots]

Posté le 22 mai 2008 à 00:39 | Vu 2458 fois | 2 commentaires | Tags: accessibilité, audit, ergonomie

Court audit de l'accessibilité de la page d'acueil de Larousse.fr

1. La navigation est impossible au clavier car des liens sont inactivables (par exemple, le lien Il est improbable que vous cultiviez des rafflésies(...)). Pour une raison que j'ignore, ces liens ont été codés en javascript.
2. les aveugles ne bénéficieront ni d'un sommaire de page ni de raccourcis puisque la page d'accueil ne comporte pas ni balises de titre, ni liens d'évitement
3. les utilisateurs de synthèse vocales apprécieront peu de s'entendre réciter des dizaines d'URLs vers des fichiers images : trop d'attributs texte alternatif manquants sur les images
4. de nombreux liens ne disposent pas d'intitulé : les utilisateurs de synthèse vocales ne trouveront jamais certains liens (il s'agit des liens image sans attributalt)
5. formulaire :
   1. pas ou incomplète utilisation de la balise label
   2. un bouton de soumission qui n'en est pas un : il s'agit d'une lien hypertexte. Sans javascript, pas d'accès possible au site en mode connecté
6. des contrastes de couleur très insuffisants : les titres de section écrit en blanc sur des couleurs pastelles vertes, orange, bleue claire et jaune
7. Une mise en page réalisée, à l'ancienne, avec des tableaux : le résultat est désastreux car, une fois linéarisé (c'est à dire mis sur une ligne comme le fera une synthèse vocale en lisant linéairement chaque contenu textuel de la page), il ne restituent pas les informations dans le même ordre que celui du rendu visuel ! Par exemple, les titres :
   1. Le saviez vous ?,
   2. Citation du jour,
   3. Articles à découvrir
   du bloc Encyclopédie seront lus 3 séquentiellement avant les textes qu'ils présentent.
8. sans javascript (soit pour 50% des mobiles), seul 5% des contenus s'affiche dans la page. Elle est presque vide aux liens de navigation près. Malheureusement, et toujours à cause d'une utilisation abusive du javascript, aucun lien ne fonctionne. Aucun ? Non, un lien fonctionne toujours : celui de la web agency qui a développé le site !

2 remarques sur l'ergonomie technique

1. toujours à cause de l'excès de javascript sur ces pages, le bouton de retour arrière du navigateur fonctionne peu (il faut cliquer très vite...)
2. la page de l'encyclopédie ne s'affiche pas dans Opera (le navigateur qui respecte le mieux les standards) : on a accès à une page blanche (le code source HTML semble indiquer qu'on a néanmoins bien chargé le code la page...)

Revenir au début de l'article

Partager :

• Google
• Facebook
• Scoopeo
• Viadeo
• Linkedin
• Wikio

• Twitter
• Blogmarks
• Delicious
• Technorati
• Live
• Myspace

Autres articles:

• article précédent : L'extension de développement web de Firefox 3 mise à jour
• article suivant : Ontario : Semaine nationale pour l'intégration des personnes handicapées

2 Commentaires:

Ajouter un commentaire

1. 25 mai 2008 à 02:58 par Victor BRITO

   En plus des points relevés, il y en a deux qui m'intriguent particulièrement :
   
   1. sur la page d'accueil, le doctype est tronqué : vu que le doctype utilisé est HTML 4 Transitional, les navigateurs basculent en mode Quirks pour le mode de rendu des CSS (utilisation du modèle de boîte de Microsoft au lieu de celui du W3C, non-application des marges automatiques pour le centrage des blocs...), ce qui ne rend pas le site véritablement conforme aux standards (outre que la page d'accueil n'est pas du tout validée par le validateur du W3C, et pas seulement pour l'absence de l'attribut alt là où ce dernier est obligatoire) ;
   2. en parcourant rapidement le code source, on remarque que la manière dont les fonctions JavaScript sont nommées (MM_preloadImages, MM_swapImgRestore, MM_findObj, MM_swapImage) montre que le code a été généré par Dreamweaver en mode WYSIWYG, ce qui n'est pas sérieux pour une agence Web, censée avoir des intégrateurs HTML idéalement capables de coder les mains dans le cambouis.
   
   De plus, Olivier Andrieu a remarqué que, pour l'encyclopédie en ligne, l'optimisation pour le référencement était quasi inexistante (http://actu.abondance.com). Et comme le référencement et l'accessibilité ont des critères qui se rejoignent très souvent...

2. 28 mai 2008 à 05:45 par sisourire

   Bon article !
   je viens de m'inscrire sur le site...
   après trois tentatives !
   
   le bouton valider n'apparaissait pas !
   
   et j'utilise Firefox 2.0.0.14, AdBlock Plus désactivé pour
   le site, ainsi que NoScript autorisé temporairement...
   
   Donc cela ne fait pas très sérieux...
   
   
   Bon, soyons positif : on verra pour le reste !