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.