1183 sujets

Accessibilité du Web

Contournement (hidden / none) pour optimiser l'accessibilité

Bonjour,
Je ne trouve pas de documentation fraiche et concrète sur l'utilisation du CSS en hidden ou none (ajouter un p hidden par exemple) pour palier à un manque d'information textuelle.

Dans mon cas, nous avons une spritesheet qui ne permet pas d'ajouter une balise alt, quelle est la bonne méthodologie ? sachant qu'on souhaiterai éviter toutes pénalités lors des crawl des search-engine.

Merci d'avance.
Bonjour,

Un élément en hidden ou none ne sera pas un gain pour l'accessibilité (les éléments ne seront pas affichés, donc pas lus), et risque effectivement de pénaliser le site vis-à-vis de Google.

la meilleure solution serait de limiter l'utilisation des sprites pour les images de décoration pure. Les images porteuses de contenu doivent toujours se trouver dans le code HTML avec un alt correctement rempli.
Administrateur
Bonjour,

un contenu en visibility: hidden; ou display: none; n'est pas visible, que ce soit par les non-voyants utilisant un lecteur d'écran ou les autres.
Une meilleure méthode, c'est d'expédier le contenu à 5000px à gauche de l'écran (PAS en haut) avec du positionnement relatif (text-indent pose des soucis dans certaines conditions).
La bonne méthode, c'est de ne pas utiliser cette technique Smiley smile Une image porteuse de sens, ça se met dans le code HTML avec un alt renseigné et pas en image de fond CSS. Du coup ça fonctionne sans image avec CSS ainsi que sans CSS avec images.
Pour les moteurs de recherche, ils n'agissent que sur dénonciation, vérifient manuellement que c'est pour remplacer correctement du contenu et pas pour les feinter, aucun risque si c'est ce que tu pratiques.

edit: grillé
Modifié par Felipe (30 Nov 2010 - 11:40)
Felipe a écrit :
Une meilleure méthode, c'est d'expédier le contenu à 5000px à gauche de l'écran (PAS en haut) avec du positionnement relatif (text-indent pose des soucis dans certaines conditions).
Petite précision quand même : Cette méthode pose problème lorsque l'image ne peut pas être affichée (server en rade, connection internet qui déconne, ...) et que les CSS restent actifs (ça arrive assez souvent à "monsieur normal") : il n'y a plus ni image ni texte alternatif.
Sujet clos
Aller à