8 Things to Remove From Your Website Immediately If You Want to Rank on Google
Whenever possible I try to turn images that have text on them into html/css to separate the textual content from the image for better responsiveness and SEO. However, sometimes this cannot be done as a client might explicitly request to use the image.
In these cases, is it better to write the text that is on the image in the image's
alt attribute, or write it inside of a screen reader only class? Or both? I'd assume not both as this would read twice to a screen reader (once in the alt attribute and once in the
Both would get indexed by Google I assume either way, but I'm wondering if there's benefits / drawbacks to either option.
Honestly i don't see how to utilize
sr-only for your purpose. But adding the text to both of
title attributes (
) will finally do the job.
- So what I meant was let's say there is an image that a client would like to use as a heading, where the heading text of the
is on the actual image. In that case, I could either use
sr-onlyto write the title after the
tag, or just use the alt attribute.