Elements containing [role="img"] have an alternative text
Screen readers and other assistive technologies will treat elements with
as an image per se, as such they are requiered to have an
alt attribute or an equivalent that describes the image content.
<div> elements do not support the
one of the other techniques will be used for the element accessible name.
1 <!-- Use the "aria-label" attribute -->2 <div role="img" aria-label="A short description of the image content"></div>34 <!-- Use the "aria-labelledby" attribute -->5 <h4 id="img-label">A short description of the image content</h4>6 <div role="img" aria-labelledby="img-label"></div>78 <!-- Use the "title" attribute -->9 <div role="img" title="A short description of the image content"></div>
1 <div role="img" aria-hidden="true"></div>
How Users Are Affected
Users that are dependant on screen readers, or other assistive technology that uses text parsing to convey the content to the user, will not be able to perceive the image's content and purpose.
WCAG Success criteria
This issue might cause elements to fail one or more of the following Success criteria:
1.1.1 Non-text Content (A)