Dans la mesure du possible, j'essaie de transformer des images contenant du texte en html/css pour séparer le contenu textuel de l'image pour une meilleure réactivité et un meilleur référencement. Cependant, cela ne peut parfois pas être fait car un client peut explicitement demander à utiliser l'image.
Dans ces cas, est-il préférable d'écrire le texte qui se trouve sur l'image dans l'attribut alt
de l'image, ou de l'écrire à l'intérieur d'une classe lecteur d'écran uniquement ? Ou les deux? Je ne suppose pas les deux car cela se lirait deux fois sur un lecteur d'écran (une fois dans l'attribut alt et une fois dans le sr-only
classe).
Les deux seraient indexés par Google, je suppose que dans les deux cas, mais je me demande s'il y a des avantages/inconvénients à l'une ou l'autre option.
Honnêtement, je ne vois pas comment utiliser sr-only
pour votre but. Mais en ajoutant le texte aux attributs alt
et title
(<img src="" alt="your content" title="your content"
) fera enfin le travail.