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?