Web Accessibility Basics

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).

website displaying a box border and alt text where the image would be displayed on the page

In this section...

In this section, we will cover the following topics: