Skip to main content

Images


  All images and graphics must have alternative text (alt text). Alt text is a concise description of the image.

When uploading images to the CMS or editing existing images, all inline metadata fields should be filled out, including the Description field. This field is used when an explicit Alt text field is not available, such as for photo galleries. 

Screenshot: fill out metadata fields as image alt text when uploading images

 

When embedding inline images in a page, the Image Description field must be filled out. 

Screenshot: enter alt text when embedding an image

 

For example:

Sample image: Students studying in the UOIT Library

Acceptable alt text: Students studying in the university Library

Insufficient alt text: Library (too short or not descriptive of the image)

Unnecessary alt text: Three women and one man chatting and sitting at a round table in the library with laptops, surrounded by bookshelves full of books and large glass windows (too long)


  Images and graphics should not contain text to convey a message. Logos are acceptable in images.

Assistive devices such as screen readers cannot parse text within images, so the text content must be converted to an accessible format (such as a custom coded infographic or standard web page), or a text version must also be provided along with the image.

For example:

Incorrect:

The image below has text to convey the message. Assistive devices cannot parse this text.

Example of inaccessible image with text

 

Correct (acceptable):

The image below has text to convey the message. However, a link is provided to an accessible text version of the same content, which assistive devices can parse. This is acceptable if the image containing text must be used. 

 

Correct (best):

Ideally, the image with text is not included at all. The accessible text version is used to convey the message, which assistive devices can parse. 

The kindness movement continues...
Valentine's Day Carnations

Available Friday, February 13
$2 each

Pink carnation

Proceeds will go to the Campus Food Centre


Carnations will be available for sale throughout the day in the following locations:

Communications and Marketing – 61 Charles Street Building, room 340

Office of Campus Infrastructure and Sustainability – Campus Corners, room 2309

Research Services – Campus Corners, room 2328

Science Building – Founding Dean's Atrium (11 a.m. to 2 p.m. only)

Teaching and Learning Centre – Energy Systems and Nuclear Science Research Centre, room 2030

UOIT Registrar's Office – U5 Building, Cashier's Desk

 

Healthy Workplace Committee | Just for the health of it logo


Additional resources:

Search the CMS User Guide