Web Accessibility Basics

Inaccessible Image Example (no alt attribute)

In the image below, no alt attribute has been provided (see code snippet beneath image). As a result, screen readers like Jaws or NVDA would describe the image as "unlabeled graphic" or simply "graphic".


HTML code snippet:

<img src="newborn-ducks.jpg" />



Screen Reader Testing Activity:

Turn on NVDA. Press the down arrow key to move through the web page. What is announced when it encounters the image?


«

»