Blog

4 Visual Accessibility Resources for Designers

There are 6 steps in the design thinking process.

  1. ________
  2. Define
  3. Ideate
  4. Prototype
  5. ________
  6. Implement

Where are steps 1 and 5 you ask? Well, they often get overlooked in projects based on time and budgets, unfortunately. Step 1 is empathize, and step 5 is test. Designers should be fighting for these steps all the time. It’s invaluable to get a better understanding of your target audience through their perspectives followed by testing the designs so necessary improvements can be made. Both of which can save time and money in the long run. 

Designs are only as successful as your user makes them out to be. Not only can visual accessibility and usability oversights lead to result limitations, but these oversights can cause legal issues to arise, too.  Target, Domino’s Pizza, and even the Savannah College of Art and Design have run into ADA lawsuits from users based on website accessibility. (Nothing takes up time and money like a legal battle does ).  

If you find yourself in a spot where you need to test the visual accessibility of your designs but don’t have the allocated resources to do so, here are 4 free design tools that can act as a bandage. These tools can also serve as visual aids to show your client what their users might be seeing. This can lead to a deeper understanding of user empathy and help replace any of your client’s personal visual preferences with visuals that work better for the enduser. Best case scenario, it will convince your client to implement user-testing to ensure designs are visually accessible. 

Adobe Color
Adobe allows you to input a color palette and test for color-blind accessibility. Additionally, it simulates how those colors are perceived for 3 types of colorblindness. 
Colorblindness Audience Research: Colorblindness affects more men than women. 95% of the color-blind community are men and 98% of those with color blindness have red-green color blindness. (Source: Enchroma

Silktide 
Silktide is a Google Chrome plugin that simulates in real-time what users with visual impairments may see on websites. This resource offers a variety of accessibility experiences including colorblindness, dyslexia, Myopia/blurred vision, blindness, and tunnel vision/peripheral vision loss. 
Blurred Vision Audience Research: Cataracts affect 30% of people aged 65 and over half of all 80-year-olds.  (Source: Outside Clinic)

The A11y Project
The A11y Project (A11y standing for accessibility) is a community-driven effort to make web accessibility easier for web developers and designers. This website is an educational resource filled with articles, workshops, and Q&A relating to creating accessible online design. The A11y Project also includes a website accessibility checklist, built from The Web Content Accessibility Guidelines (WCAG).

Who Can Use
This online resource allows you to test color and contrast accessibility based on WCAG grading. Its categories include 8 types of colorblindness, cataracts, glaucoma and low vision. In addition to vision impairments, it allows tests for situational circumstances, such as viewing the screen in direct sunlight or in night mode. 

Cassidy Meade

@see.meade

More design know-how

@ShearCreativity: