How accessible is your page to the visually impaired?

Image for post
Image for post
Accessibility

Checking how it feels for different types of visual impairments:

People with red/green color blindness or Protanopia:

Image for post
Image for post
Left Original | Right with Protanopia filter (Tested using: https://www.toptal.com/designers/colorfilter)
Image for post
Image for post

Far-Sightedness:

Image for post
Image for post
Tested using: https://chrome.google.com/webstore/detail/web-disability-simulator/olioanlbgbpmdlgjnnampnnlohigkjla/related?hl=en

Dyslexia:

Image for post
Image for post
Tested using: https://chrome.google.com/webstore/detail/web-disability-simulator/olioanlbgbpmdlgjnnampnnlohigkjla/related?hl=en

Peripheral vision or Glaucoma:

Image for post
Image for post

Best Practices:

Image for post
Image for post
How Google displays error messages using color, text, and icon.
Image for post
Image for post
Blue text on the red background making it difficult to read it

Innovation, Creativity and Change | Visit us: www.rapidfork.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store