Share

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

183 - Content generated via styles is provided with a suitable alternative.

Objectif
  • Ensure access to the content, regardless of whether or not the CSS formatting layer is handled.
  • Allow content to be reused on media and platforms that do not handle formatting for on-screen display.
  • Give users in environments where styles are
  • not reproduced (text browsers, screen readers or browsers with the images disabled) access to information that takes the form of CSS-generated content (particularly background images).
  • Enable bots to exploit the information carried by CSS styles (to reference, index and perform machine translation on the alternatives).
  • Improve the way content is taken into account by search engines and indexing tools.
  • Improve the accessibility of content for people with disabilities.
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.

En savoir plus: background-image sur MDN - content sur MDN - before sur MDN - after sur MDN

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ée 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