Corriger « Contenu absent sans feuille de style » en HTML
Pourquoi c'est un problème
Un contenu qui n'existe que dans le CSS (texte injecté par content, images de fond porteuses d'information) disparaît quand les styles sont désactivés ou remplacés : par un lecteur d'écran, un mode de lecture, une feuille de style personnelle. Notre contrôle désactive les feuilles de style et signale la page si presque aucun texte ne reste visible.
Comment corriger — HTML
Mettez l'information dans le HTML : du texte réel, des <img> avec alt pour les images porteuses d'information. Réservez le CSS à la présentation. Vérifiez ensuite la page sans styles : le contenu doit être présent et se lire dans un ordre logique.
<style>
.promo::before { content: "Livraison offerte dès 50 €"; }
</style>
<p class="promo"></p><p class="promo">Livraison offerte dès 50 €</p>Vérifiez votre site en 30 secondes
Conformly détecte ce type de problème sur toutes vos pages, en continu, et vous alerte à chaque régression.
Scan gratuit