Menu
I'm adding alt attributes to all my images to improve SEO/screen reader performance.
Per best practice, images that are purely aesthetic should have an empty alt attribute alt=""so screen readers skip over them. I'm in WordPress and noticed it does add alt to these descriptionless aesthetic images, but not alt="".
Does alt get read the same as alt="" by screen readers and search engine crawlers, or should I go in and programatically force an alt=""?
950
Also called alt tags and alt descriptions, alt text is the written copy that appears in place of an image on a webpage if the image fails to load on a user's screen. This text helps screen-reading tools describe images to visually impaired readers and allows search engines to better crawl and rank your website.
Alternative (Alt) Text is meant to convey the “why” of the image as it relates to the content of a document or webpage. It is read aloud to users by screen reader software, and it is indexed by search engines.
The alt attribute is designed to provide alternative text in the case that the image cannot not be seen. An alt tag is placed in the code surrounding an image and is usually only visible when the image does not or cannot load. The main audience for this was, and still is, the visually impaired.
The ALT text adds a text description to an image on a Web page, and should be used for all images, graphical bullets, and graphical horizontal rules. ALT text is accessed by screen reader users to provide them with a text equivalent of images.
Yes, it's the same: https://html.spec.whatwg.org/multipage/syntax.html#attributes-2
Empty attribute syntax
Just the attribute name. The value is implicitly the empty string.
To me, that says that an attribute with no value is the same as having a value of empty string.
This answer says the same.
81
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
