Certaines instructions CSS permettent d’afficher des textes et des images qui sont de fait invisibles pour les outils de lecture qui ne prennent pas en charge les feuilles de styles. Par exemple, en cas de désactivation des couleurs ou des styles CSS, une image CSS (propriété background-image) ne sera pas visible alors qu’une image HTML (élément ) l’aurait été.

Objectifs

• Garantir l’accès aux informations intégrées via des éléments CSS (comme les images d’arrière-plan) même dans des environnements ne restituant pas les styles, tels que les navigateurs textuels, les lecteurs d’écran ou les navigateurs avec feuilles de style désactivées.
• Améliorer l’accessibilité des contenus aux personnes en situation de handicap.

Mise en œuvre

• Fournir un équivalent textuel pour tout contenu important qui est seulement affiché grâce aux styles (CSS). Cela concerne notamment les informations portées par une image de fond, par du contenu ajouté avant ou après un élément, ou par tout autre effet visuel qui disparaîtrait si les styles étaient désactivés.

Contrôle

• Vérifier l’utilisation des pseudo-éléments CSS :before ou :after et des CSS background-image.
• Comparer visuellement l’affichage normal de la page concernée avec son rendu après désactivation des images d’arrière-plan.
• Comparer l’affichage avec et sans images d’arrière-plan.