Accessibility

These guidelines seek to improve the experience for those with visual, auditory, memory, context, or physical mobility impairments.

Accessible Images

It is critical that all images containing text or data/information have alternative text for users who cannot see images. 

People who use screen readers to browse your website cannot read information contained within images. They can only read the image caption and alt text. A brief image description in the alt text is usually all that’s needed for most photos. However for informational images, like a campus map or images with text, the alt  text is not enough to describe the information.

In these cases, please add a succinct caption to the image, and then add longer descriptive text below the image.

Note: this part requires some knowledge of HTML
Highlight the long description, and select the source code button in the toolbar:
<>

Find the paragraph with the description, and apply the class accessible-text.

<p class=”accessible-text”>This text is visible to screen readers.</p>

The description will turn red and appear inside a red box while you are editing the page. When you save the page, the text will disappear. This text can be read by anyone using a screen reader.

Click the source code button in the toolbar. Find the paragraph with the description, and add the class accessible-text.

The accessible text is shown in red. It will be hidden when you save the page.