Difference between revisions of "Img Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Image with title)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
==Image missing alt==
 
==Image missing alt==
 
<html>
 
<html>
<img src="spacer.jpg" alt=""/>
+
<img src="spacer.jpg" />
 
</html>
 
</html>
  
Line 12: Line 12:
 
==Decorative Image with null alt==
 
==Decorative Image with null alt==
 
<html>
 
<html>
<img src="spacer.jpg" alt=""/>
+
<img src="office.jpg" alt=""/>
 
</html>
 
</html>
  
Line 18: Line 18:
 
<html>
 
<html>
 
<img src="office.jpg" title="Office"/>
 
<img src="office.jpg" title="Office"/>
</html>
 
 
==Image without title==
 
<html>
 
<img src="office.jpg"/>
 
 
</html>
 
</html>
  
Line 44: Line 39:
 
<html>
 
<html>
 
<img src="spacer.jpg" aria-hidden="true" />
 
<img src="spacer.jpg" aria-hidden="true" />
 +
</html>
 +
 +
=Image with alt and aria-describedby=
 +
<html>
 +
<img alt="office" src="office.jpg" aria-describedby="desc" />
 +
<p id="desc"> This is a description</p>
 
</html>
 
</html>
  
  
 
[[Category:Elements]]
 
[[Category:Elements]]

Latest revision as of 21:14, 14 June 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