Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

5 - Les contenus générés via les styles sont dotés d'une alternative appropriée.

Thématique
Phase Projet

Objectif
  • Permettre aux utilisateurs placés dans des contextes où les styles ne sont pas restitués (navigateur texte, lecteur d'écran, navigateur avec styles désactivés) d’accéder à l’information présente sous forme de contenus générés en CSS (images d’arrière-plan notamment).
  • Permettre aux robots d'exploiter l'information véhiculée par les styles CSS (référencement, indexation, traduction automatique des alternatives).
Mise en œuvre

Fournir un contenu masqué à l’affichage via CSS :

  • pour chaque information portée par les propriétés CSS background-image ou content ;
  • pour chaque information affichée via un pseudo-élément CSS :before ou :after ;
  • et plus généralement, pour chaque information absente par ailleurs de la page et dont la restitution dépend du support des styles. 

Contrôle
Examiner directement le code CSS et comparer visuellement l’affichage normal de la page avec son rendu après désactivation des images d’arrière-plan. Pour chaque page :
  • Afficher les feuilles de styles grâce à une barre d’outils dédiés et vérifier que les propriétés et éléments cités dans le paragraphe « Solution technique » sont absents des CSS ou ne sont pas utilisés pour produire une information par ailleurs absente du code HTML.
  • Désactiver les images d’arrière-plan CSS avec une barre d’outils dédiée.
  • 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