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.