Difference between revisions of "Img Element"

From Level Access Web Labs
Jump to navigation Jump to search
Line 41: Line 41:
 
</html>
 
</html>
  
=Image with state of aria-describedby=
+
=Image with alt and aria-describedby=
 
<html>
 
<html>
<img src="office.jpg" aria-describedby="desc" />
+
<img alt="office" src="office.jpg" aria-describedby="desc" />
 
<p id="desc"> This is a description</p>
 
<p id="desc"> This is a description</p>
 
</html>
 
</html>

Revision as of 18:22, 3 April 2018

Image missing alt

Image with alt

The image below of an office building has an alt attribute set. Office

Decorative Image with null alt

Image with title

Images with aria-label

Images with aria-labelledby

Office building

Image with role of presentation

Image with state of aria-hidden true

Image with alt and aria-describedby

office

This is a description