1. Accueil
  2. Opquast V3
  3. 5 - Les contenus générés via les styles son…

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

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).

Solution technique

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. 

Moyen de controle
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.
Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier