Web Accessibility Best Practices

Campus Information Technologies and Educational Services (CITES) and Disability Resources and Educational Services (DRES)

University of Illinois at Urbana/Champaign

Indicator Icons

Indicator Icons allow graphical users to quickly identify important sections and frequently used functionality. Simple ALT text is needed.

Example of an Indicator Icon used on an imaginary browser news site


Acceptable ALT text is

<h3><img src="images/product-firefox.png" alt="Firefox" title="Firefox"/></h3>

Note that ALT text alone is not a sufficient replacement for the visual data. The image was used to increase the usability of the web resource for graphical users; parallel techniques exist for text and non-visual users. Use heading (H1-H6) tags to identify heading or section icons, identify navigation lists with a title, and provide appropriate accesskeys to switch focus to major sections of the web resource.