accesibility tool responsive design

 
 

accessibility, now on tablet and mobile

Reimagined Adobe Color Accessibility Tool for mobile and tablet usage, thus enabling a wider range of use for the tool. The Color Accessibility Tool consists of Contrast Checker and Color Blind Simulator Wheel. While staying within the guardrails of the Accessiblity Tool features on Web, completely redesigned the interaction and information hierarchy of the interface targeted towards mobile and tablet usage behaviour.

 

Information hierarchy and interactions were redesigned keeping mobile behaviour best practises in mind.

Demo : Accessibility Tool usage


All interaction and task flow of the Contrast Checker and Color Blind Wheel were redesigned to make tablet usage intuitive and engaging.

Demo : Accessibility Tool usage