Halte au display none

Alsacréations pointe sur un sujet intéressant. Souvent pour faciliter l’accessibilité, les webmasters remplace du texte par des images tout laissant le texte. Par exemple en plaçant du texte dans des balises span le tout à l’intérieur de balise h1. En CSS, on place dans la balise h1 une image et on cache le texte contenu dans le span, souvent à l’aide de display:none. Ainsi on pense que l’accessibilité est au top et que les navigateurs ne comprenant le CSS afficheront correctement le texte contenu dans le span.

Mais bien souvent faux ! Quelques navigateurs l’affiche mais d’autre l’ignore ! Un article intéressant à lire sur le blog d’Alsacréations.