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).
- Améliorer l’accessibilité des contenus aux personnes handicapées.
- Améliorer la prise en compte des contenus par les moteurs de recherche et outils d’indexation
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
- 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.
Auteur Opquast - Consulter la licence
Opquast start: descubre la calidad web
Opquast start es el primer módulo de la certificación Opquast. Solo te llevará una hora y te permitirá descubrir la gestión de la calidad web y nuestra plataforma de formación. Regístrate a continuación, recibe un enlace de activación por correo electrónico y tu acceso está abierto durante 15 días. El acceso a Opquast start es gratuito y sin compromiso.