Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

5 - Les styles ne sont pas utilisés pour générer du contenu.

Thématique
  • Bonnes pratiques
  • Code
Phase Projet

Objectif

Garantir l'accès au contenu indépendamment de la prise en compte de la couche de mise en forme CSS.

Permettre la réutilisation du contenu sur des médias ou des supports qui ne prennent pas en charge la mise en forme pour l'affichage à l'écran.

Assurer une sémantique des contenus suffisante pour favoriser notamment leur indexation.

Mise en œuvre

Ne pas utiliser les propriétés CSS background, background-image ou content ni les pseudos-éléments :before et :after pour générer une information qui est absente du contenu HTML.

Contrôle

Examiner directement le code CSS et comparer visuellement l'affichage normal de la page et son rendu après avoir désactivé les images d'arrière-plan. Pour chaque page :

  • Afficher les feuilles de style grâce à la Web Developer Toolbar (CSS > Voir les CSS) et vérifier que les propriétés et éléments cités dans le paragraphe Mise en oeuvre sont absents des CSS ou ne sont pas utilisés pour produire une information absente du HTML.
  • Désactiver les images d'arrière-plan CSS, par exemple à l'aide de la Web Developer Toolbar dans Firefox (Images > Cacher les images d'arrière-plan).
  • Contrôler l'absence de perte d'information, en comparant l'affichage avec et sans images d'arrière-plan.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne