Contenus CSS et lecteurs d’écrans

Nantes, le 2 avril 2017.

La couche CSS étant logiquement dédiée à la présentation, il semblait évident que les contenus textes générés via les pseudos-classes ::before et ::after ne soient pas restitués par les lecteurs d’écrans.

Ce n’est pas toujours le cas !

Avec l’aide d’experts accessibilité (toujours prêts à aider) et grâce à leurs réponses sur Twitter, j’ai pu arriver à cette conclusion : mieux vaut privilégier l’usage d’un élément HTML distinct (un span par exemple) et lui attribuer un aria-hidden=true si l’on ne souhaite pas de restitution vocale.

On en déduit également que si on contenu doit être vocalisé, il ne doit pas être généré par CSS.

Vincent.

5 commentaires.

  • Agathe Zeblouze , le 18 avril 2018.

    Merci Vincent pour le test ! Il n’y a plus qu’à le faire partout :-)

  • http://robloxrobuxonline.com/ , le 28 septembre 2018.

    This is a very amazing post.

  • ROSE ANN , le 23 novembre 2018.

    Google.com

  • fromdev , le 23 novembre 2018.

    Nice Post 20+ Best Hacked Games Websites

  • Samuel D. Darden , le 23 novembre 2018.

    Its a great pleasure reading your post.Its full of information I am looking for and I love to post a comment that « The content of your post is awesome » Great work. Play hacked unblocked games Visit us: games.lol

Laisser un commentaire