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

Certaines instructions CSS permettent d’afficher des textes et des images qui sont de fait invisibles pour les utilisateurs et les outils 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 <img>) l’aurait été.

Objectifs

  • 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).
  • Améliorer l’accessibilité des contenus aux personnes handicapées.

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

  • Le contrôle se fait au moment de la conception du livre numérique en faisant particulièrement attention à l’utilisation des pseudo-éléments CSS :before ou :after et des CSS background-image. On comparera visuellement l’affichage normal de la page concernée avec son rendu après désactivation des images d’arrière-plan. On comparera l’affichage avec et sans images d’arrière-plan.

Validation

  • Doit être vérifié par une personne

Informations :

Étapes concernées :

Étiquettes :

Référentiels :

metadata :

  • ONIX
  • OPF

À propos de cette règle

Origine de la règle : Opquast | Reference Opquast 4 183 | Mise à jour le 22 juillet 2024

Règle précédente | Règles suivante