CSS et attribut display: none

  • Auteur de la discussion Auteur de la discussion fred727
  • Date de début Date de début
Nouveau WRInaute
J'ai un site sur lequel j'utilise ma feuille de style pour cacher du texte avec l'attribut display: none

Ceci afin de garantir un affichage correct en mode text (lynx, et syntèses vocales) et ne pas être embêté en mode graphique avec des titres de sections trop longs qui doivent etre contenus dans des onglets dont la taille n'est pas infinie.

Pensez-vous que cela soit pénalisable par google et associé à du contenu caché (surtout que c'est dans des liens) ?

Me conseillez vous de retirer cela au détriment de l'accessibilité de mon site ?
 
WRInaute discret
Cette technique a déjà été mentionnée il me semble.

Et elle est passible de blacklistage. Cependant il semble que les robots ne lisent pas les fichier CSS donc tu es à l'abris.
Par contre j'ai lus sur WRI que le blacklistage et aussi pratiqué manuellement et que si un petit humain asservi à maitre Gorgle passe sur ton site et renifle l'astuce, tu risques gros.

:)
 
WRInaute discret
en plus question accessibilité c preferable d'utilise un positionnement negatif plutot que display:none car certain navigateur vocaux(?) ignore le texte ayant un display:none;

-http://css-discuss.incutio.com/?page=ScreenreaderVisibility
et
-http://www.access-matters.com/screen-reader-test-results/

(anglais desolé)
 
WRInaute occasionnel
J'utilise le display:none; pour la FAQ de mon prochain site. Le truc classique quoi. ça ne pose pas de problème?
-http://www.grandprix4.org/newsite/faq.php
 
WRInaute discret
Jaunalgi a dit:
J'utilise le display:none; pour la FAQ de mon prochain site. Le truc classique quoi. ça ne pose pas de problème?
-http://www.grandprix4.org/newsite/faq.php

si je peux me permettre un petit commentaire - j'utiliserait le js dans l'autre sens. Dans ton cas le css est hidden et js (je suppose) change hidden to visible et inversement.

Perso je ferais visible par defaut, tu les caches avec js et refais le js pour les faire apparaitre/disparaitre. De cette maniere pas de souci vis a vis des moteurs - et les personnes avec js désactivé peuvent voir les reponses
 
WRInaute occasionnel
le_gber a dit:
si je peux me permettre un petit commentaire - j'utiliserait le js dans l'autre sens. Dans ton cas le css est hidden et js (je suppose) change hidden to visible et inversement.

Perso je ferais visible par defaut, tu les caches avec js et refais le js pour les faire apparaitre/disparaitre. De cette maniere pas de souci vis a vis des moteurs - et les personnes avec js désactivé peuvent voir les reponses

Sauf que là, on perd ce que je voulais faire: ne pas surcharger la page et permettre de voir les questions intéressantes pour le visiteur, sans devoir scroller toute la page.

Il va peut-être falloir que je fasse un premier menu puis les questions en bas :(
 
WRInaute discret
si tu utilise javascript sur le body onload="hidemenu()" pour cacher les reponses quand la page se charge, ta page sera exactement pareil / aussi longue que maintenant - the best of both worlds :D
 
WRInaute occasionnel
le_gber a dit:
si tu utilise javascript sur le body onload="hidemenu()" pour cacher les reponses quand la page se charge, ta page sera exactement pareil / aussi longue que maintenant - the best of both worlds :D

Pas bête du tout :wink:
Je vais y penser ce soir
 
WRInaute occasionnel
Quelqu'un peut me dire si il y a un bug sous IE? le_gber, tu vois d'où ça vient?
-http://grandprix4.org/newsite/faq.php

Chez moi oui mais je ne comprend pas
 
Discussions similaires
Haut