I have a title tag and an alt tag.
the title
tag is an element that goes in the document <head>.
the title
attribute is a global attribute and is intended for advisory information:
on an image, it could be the image credit or a description of the image;
https
://w3c.github.io/html/dom.html#the-title-attribute
there is no "alt tag" in the html specification.
the alt
attribute of the img element is the:
Replacement text for use when images are not available
https
://w3c.github.io/html/semantics-embedded-content.html#the-img-element
all of the website audits I use, seem to pick on the fact that I have missing alt tags on every page of my site
the reason is that images are an accessibility issue - including for search engines.
Requirements for providing text to act as an alternative for images:
https
://w3c.github.io/html/semantics-embedded-content.html#alt-text
Does anyone know how to get around this?
either provide some appropriate alternative text in the alt attribute for img elements or in the case of your icons:
Use an empty alt attribute when an icon is supplemental to text conveying the same meaning.
https
://w3c.github.io/html/semantics-embedded-content.html#icon-images
I just want my website to be search engine friendly and make sure I’m doing everything I should
i often use a text browser such as lynx to navigate a web site and identify accessibility issues.
it will be obvious where you need the empty alt attribute.
(which is different from a missing alt attribute...)
