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")
 
Line 1: Line 1:
 +
==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 no alt==
 +
<html>
 +
<img src="spacer.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>
 +
 +
 
[[Category:Elements]]
 
[[Category:Elements]]

Revision as of 17:15, 27 March 2014

Image with alt

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

Decorative Image with no 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