Images are a type of embedded (non-downloadable) media that appears on a webpage, much like videos on a webpage. EVMS' website displays images uploaded to the media library in .jpg, .jpeg, .gif and .png file formats.

As images are visual media, they require a descriptive text alternative so assistive technologies can state what the image is and what it means within a webpage.

Text alternatives/descriptions

Descriptive alternative text (alt text) - text that appears in place of an image - is required for accessibility.

When using images, write a short text alternative that conveys the same meaning as the image does in context of the webpage. For TerminalFour users, this means adding a "Description" to every image you upload.

Write descriptions that give context

Your alt text should describe what is going on within the context of the page. For example, this photo is used on the Wellness website. A good description will convey the meaning of the image as part of a webpage.A fitness group of five people stretch their arms together while smiling and laughing on the lawn of a park.

Good description: A fitness group of five people stretch their arms together while smiling and laughing on the lawn of a park.

See how TerminalFour users can upload images to the media library.

Don't put text on images

EVMS does not allow images that include text (words, numbers or letters) as part of the image. This includes screenshots of text, photos of text or scanned documents.

Graphs and graphics

Graphs' and graphics' descriptions should follow WCAG accessibility editors' graph and chart guidelines.

Marketing and Communications is responsible for creating accessible graphs and graphics on the website. Request graphs or graphics as you normally would. A descriptive summary of the information conveyed in the graph or graphic is required when requesting graphs or graphics from Marketing and Communications.

Once you receive the completed, accessible file, you will be responsible for adding it to the Media Library and the website, as well as adding a "Description" (descriptive alternative text).

Keep accessible color requirements in mind

Be aware, when making requests, that accessible graphics will have specific requirements for color.

Media cannot use only color to indicate information. You can expect that your graph or graphic will use color and patterns OR color and text together when indicating information.

A bar graph, for example, might use diagonal lines, dots or other patterns along with color to indicate pertinent information.

Information conveyed by color differences must also available in text. For color-coded information, text is used as an additional indicator. For example, on a line graph where 2017-18 is in blue, the graph might indicate "2017-18" with text above/below/next to the line.

This information must also be included in the "Description" (descriptive alternative text) in T4's media library.

WCAG Success Criteria

  • 1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose. (Level A)
  • 1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A)