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.

3 commentaires.

  • Agathe Zeblouze , le 18 avril 2018.

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

  • Yollolap , le 13 mars 2019.

    XPO Logistics is a top ten global logistics and transportation company with annual revenue of $15 billion and 89,000 employees, another 10,000 workers
    already given
    Two duke students win marshall scholarships duke today gas 85 vs 87

  • Annidine , le 18 mars 2019.

    This past week we met with Berrik’s school and the psychologists to go over the results of his recent psychoeducational assessment. I want to start by…
    organic anxiety disorder icd 10
    1 Tired mom - joshuas journey chapter 2 anxiety attack symptoms numbness

Laisser un commentaire