Type this following HTML code in Web editor:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /></head>
<body>
<img src="my-image.jpg" alt="This is the alt text for my image" />
</body>
</html>
HTML ALT Text Notes:
- The ALT text adds a text description to an image on a Web page, and should be used for all images, graphical bullets, and graphical horizontal rules.
- The ALT text is accessed by screen reader (e.g. Jaws, Microsoft Narrator, Apple VoiceOver, etc.) users to provide them with a text equivalent of images.
- In browsers such as Firefox, the ALT text is displayed when an image is fail to load.
Output
When an image is fail to load.
When an image is success to load.
Bibliography
https://www.psu.edu/ ( university )
https://www.perkins.org/ ( school )
https://www.freecodecamp.org/
Tidak ada komentar:
Posting Komentar