Vince71 a écrit :
En fait voilà ce que j'ai fait
h3 span {
display: none;
}
Cette structure est généralement utilisée si on veut donner une image de fond et des dimmensions particulières au h3... par exemple pour faire des liens graphiques plutôt que textuels.
Exemple :
h3 {
width: 80px;
height: 20px;
background: url(...);
}
h3 span { display: none; }
Ce qui permettrait théoriquement d'avoir une information donnée par l'image de fond (texte avec typo spécifique, par exemple), dédoublée par la même information dans le code. Le texte est alors caché en mode graphique, mais reste accessible.
Sauf qu'en pratique, niveau accessibilité, ça ne marche pas. Une bonne partie des lecteurs d'écran, qui devraient complètement ignorer les CSS, zappent quand même les contenus ayant la propriété CSS
display: none; ou encore
visibility: hidden;...