Difference between revisions of "Img Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html> <img src="office.jpg" alt="Office"/> </html> Category:Elements")
 
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
==Image missing alt==
 +
<html>
 +
<img src="spacer.jpg" />
 +
</html>
 +
 +
==Image with alt==
 +
The image below of an office building has an alt attribute set.
 
<html>
 
<html>
 
<img src="office.jpg" alt="Office"/>
 
<img src="office.jpg" alt="Office"/>
 
</html>
 
</html>
 +
 +
==Decorative Image with null alt==
 +
<html>
 +
<img src="office.jpg" alt=""/>
 +
</html>
 +
 +
==Image with title==
 +
<html>
 +
<img src="office.jpg" title="Office"/>
 +
</html>
 +
 +
==Images with aria-label==
 +
<html>
 +
<img src="office.jpg" aria-label="Office"/>
 +
</html>
 +
 +
==Images with aria-labelledby==
 +
<html>
 +
<img src="office.jpg" aria-labelledby="p1" />
 +
<p id="p1">Office building</p>
 +
</html>
 +
 +
==Image with role of presentation==
 +
<html>
 +
<img src="spacer.jpg" role="presentation"/>
 +
</html>
 +
 +
==Image with state of aria-hidden true==
 +
<html>
 +
<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>
 +
 +
 
[[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