Accessible design for Canadian job seekers
The Inclusive Workplace is the first Canadian website designed to help the 500,000 unemployed or underemployed people in Canada with autism or an intellectual disability find good jobs.
Read how we designed an accessible website that is targeted, useful, and relevant for all users during COVID-19 and beyond.
Tailoring the experience to user needs
Personalizing display
The Inclusive Workplace needed to create an optimal viewing environment for users with heightened visual sensitivity as well as those with visual impairment. “Calm” and “Contrast” modes were developed to accommodate the diverse needs of these users. The “Calm” mode implements a desaturated palette and uses alternate versions of images which have been edited to remove strong colour contrast or background visual noise. Icons may be removed or simplified in this mode.
Sample “Calm”/”Contrast” modes
View examples of “Calm” and “Contrast” modes.
Prioritizing content
Making key content easy to find
Placing video or course content at the top of the page gives users easy and quick access to the most important content on each page. Displaying video or course length sets users expectations for time needed to complete.
Pacing engagement
To help users focus and make their way through the site at their own pace, we used graphical elements consistently and constrained content width for shorter lines of text. We provided “calm spaces,” clear dividers, and focus areas throughout. To increase predictability and ease of use, we defined 4 page templates that could accommodate all site content.
Defining actions or behaviours
Promoting understanding through visual aids
We kept graphical elements to a minimum, focusing on those that would enhance comprehension. These included checklists or content that required a series of steps for completion.
Large, strong numbers are used in lists involving steps or stages so that the user knows in advance how many steps are required to complete the task.
Users who have difficulty with multi-step procedures then have a chance to contact their job coach or support person before embarking on the task and becoming overwhelmed.
A small set of simple and commonly used icons are used sparingly, only when they support comprehension or encourage a behaviour such as checking items on a list.
