Tips to Correct Common Website Design Barriers


October 22, 2018

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:   
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
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
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
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 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
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).


Job Finder

Find an HR Job Near You
Search Jobs
Post a Job


Find your peers in SHRM's online community.

Find your peers in SHRM's online community.

Join SHRM Connect


Find the Right Vendor for Your HR Needs

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

Search & Connect