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.

1 commentaire.

  • Agathe Zeblouze , le 18 avril 2018.

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

Laisser un commentaire