Tips to Correct Common Website Design Barriers

October 22, 2018
LIKE SAVE

Developing Accessible Jobs Websites
Part 4 of a four-part series.

Website features may inadvertently pose barriers to people with disabilities. This chart highlights common barriers and solutions. 

​Web Design Feature:   
Images
​Barrier:
People with vision impairments using screen readers that convert text to speech cannot understand what the image is trying to convey.
​How to Fix: Provide alternative text identifying or describing the image.
Web Design Feature:
Graphic with embedded text
​Barrier:
People with vision impairments using screen readers cannot decipher the graphic.
How to Fix: Provide a transcript of the graphic with embedded text, so the screen reader can follow it in logical order.
Web Design Feature:
Website navigation
Barrier:
A mouse is required to navigate through the page, making the website inaccessible to people who use screen readers.
​​How to Fix: Ensure it’s possible to tab through the webpage using only a keyboard.
Web Design Feature:
Applications that rely on color to distinguish discrete parts
​Barrier:
Individuals who are colorblind can’t use the applications.
How to Fix:
Don’t rely on color or color-coding to convey function. Communicate in plain language.
​Web Design Feature:
Video
​Barrier:
Video doesn’t have captions, making it inaccessible to people who are hearing impaired.
​How to Fix: Provide captions.
Web Design Feature: 
Timed assessments in the application process
​Barrier:
Timeout restrictions prevent people with cognitive disabilities or learning disabilities from completing the application process.
​How to Fix: Get rid of the timeout restrictions, if possible, or extend them much longer.

Source: Partnership on Employment & Accessible Technology (PEAT).

LIKE SAVE

Job Finder

Find an HR Job Near You
Search Jobs
Post a Job

SPONSOR OFFERS

Find the Right Vendor for Your HR Needs

SHRM’s HR Vendor Directory contains over 10,000 companies

Search & Connect
temp_image