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.

6 commentaires.

  • Agathe Zeblouze , le 18 avril 2018.

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

  • Dencah , le 11 mai 2019.

    Counseling Psychologist · Counselor · Credentialing Coordinator · CRNA · Dental Assistant · Dental Hygienist · Dentist · Dermatologist · Dialysis Technician
    Registered dental hygienist jobs

  • polo ralph lauren , le 17 mai 2019.

    I’m just commenting to let you know what a exceptional encounter my girl had studying your web site. She mastered lots of issues, which include how it is like to possess a very effective teaching style to make many others with no trouble gain knowledge of selected hard to do things. You undoubtedly surpassed my desires. Thanks for displaying such practical, dependable, revealing and as well as fun tips about that topic to Sandra.

  • air max 90 , le 21 mai 2019.

    I want to express appreciation to this writer for bailing me out of such a dilemma. Because of looking out throughout the world-wide-web and coming across notions which are not productive, I believed my life was well over. Existing devoid of the strategies to the issues you’ve fixed as a result of your main website is a serious case, as well as those that could have badly damaged my entire career if I had not noticed your web page. Your personal talents and kindness in controlling all things was useful. I am not sure what I would’ve done if I had not come upon such a stuff like this. I can also at this time look ahead to my future. Thanks so much for the specialized and amazing help. I won’t hesitate to recommend your web sites to anybody who needs to have guide about this issue.

  • explosederire.com , le 22 mai 2019.

    riri is the best, thanks for sharring

  • explosederire.com , le 25 mai 2019.

    riri thanks for sharring

Laisser un commentaire