Making Images Accessible
To make images accessible on the web, it is important to include alt attributes for img tags. Alt stands for alternate text description or alt text for short. This attribute provides screen reader users with a text description of what the image represents.
In the example below, the web page loaded without fully rendering the image. Despite this, alt text provide information to the end user when an image does not fully load on a website (see image below).
In this section...
In this section, we will cover the following topics:
- Example of an image without alternative text
- Example of an image with alternative text
- Using alt="" to hide images