Vous êtes ici : accueil | blog | 9 erreurs d'accessibilité des sites web de la coupe du monde 2010

9 erreurs d'accessibilité des sites web de la coupe du monde 2010 [433 mots]

Posté le 14 juin 2010 à 07:13 | Vu 1719 fois | 2 commentaires | Tags: , , ,

L'accessibilité web ne s'arrête pas avec la coupe du monde 2010. Une étude rapide nous a convaincu que le niveau général était très faible. Voici 9 erreurs d'accessibilité symptomatiques du niveau général.

Expliciter les sigles

Les premiers contenus du site de la fédération française de football sont des sigles (FFF,LFA, LFP). Ils ne sont pas développés dès leur première occurrence.

Les contrastes de couleur

Le site de la fédération italienne de football de la propose un menu, au centre, présentant des textes marrons clair sur bleu clair ou blanc. Dans les 2 cas, le rapport de contraste est insuffisant.

Permettre le contrôle de tout texte qui défile

Le site de la fédération brésilienne de futebol possède un bon vieux texte défilant pour afficher les actualités, messages récents. Il n'est bien sûr pas commandable au clavier. En outre, il ne s'arrête à la souris, qu'à la condition que le texte comporte des liens hypertexte...

Ne pas supprimer les éléments d'aide à la navigation clavier

Le site de la fédération internationale de football restera très difficile à utiliser au clavier car à la tabulation clavier, les liens ne sont pas mis en valeur par l'habituel entourage pointillé. Il a été supprimé par une règle de remise à zéro des propriétés CSS, en particulier la propriété outline.

Structurer ses pages web avec des balises de titre (h1, h2, h3...)

Le site de la fédération américaine de soccer en fait un très mauvais usage. Sa page d'accueil possède 4 balises de titres affichées au même niveau, et ne commençant même pas par h1.

Énumérer des éléments avec les balises appropriées : les balises de liste (ul, ol et dl) !

Le site de la fédération anglaise de soccer énumère ses actualités en les séparant par des retour chariot.

Toute information qui se dévoile à la souris doit aussi pourvoir l'être au clavier

Le site de l'Équipe spécial World Cup possède un tableau d'actualités récentes que l'on parcourt en cliquant sur des icônes de flèches haut et bas. Ce dispositif ne fonctionne pa au clavier.

On doit indiquer la langue principale de la page

Le site de la fédération camerounaise de football ne possède ni DTD ni d'indication de la langue principal de la page. Les lecteurs d'écran risque de le lire dans une langue inadéquate.

Toute élément image doit posséder un attributalt

Le site de la fédération sud africaine de football possède du code invalide au sens du W3C. Parmi les erreurs, l'absence de l'attribut alt sur les éléments graphique. Le site possède donc tout un tas d'information qui sont invisibles aux lecteurs 'écran (robots de Google, synthèse vocales...).

Revenir au début de l'article

Partager :

Autres articles:

2 Commentaires:

Ajouter un commentaire

  1. 14 juin 2010 à 09:16 par Overdoz

    C'est quoi l'outil que l'on peut voir dans la seconde image avec la pipette?

    Merci

  2. 14 juin 2010 à 11:18 par Jean-François NAUD [ auteur de cet article ]

    Il s'agit de Color Contrast Analyser. C'est développé par the Paciello Group, une compagnie américaine.