According to WHO, over 1.3 billion people live with some form of vision impairment. We believe no one should feel excluded from digital experiences by means of their visual disabilities
UXPin Contrast Analyzer and Color Blindness Simulator are here to help you make your prototypes more accessible for people with visual disabilities.
UXPin Contrast Analyzer
UXPin Contrast Analyzer ensures your colors, graphics and typography work hand in hand, providing better readability and legibility. It is based on Web Content Accessibility Guidelines (WCAG) 2.0. UXPin calculates the contrast between the text and the background taking into account the size of the text.
You can find UXPin Contrast Analyzer at the top bar right beside the Preview button.
Now all you need is to choose the level of conformance:
- Level AA requires a contrast ratio of at least 3:1 for text not smaller than 24px (18px if bolded) or 4.5:1 for text smaller than 24px
- Level AAA requires a contrast ratio of at least 4.5:1 for text not smaller than 24px (18px if bolded) or 7:1 for text smaller than 24px
From that moment, every time you select text UXPin will automatically inform you whenever the contrast is insufficient by showing a notification in the Typography section. Just hover over the red exclamation mark to see the right contrast according to WCAG 2.0.
Color Blindness Simulator
Color blindness affects approximately 1 in 12 men and 1 in 200 women, which is about 4.5% of the world’s population. With UXPin you can now simulate various forms of color-blindness and create more inclusive and accessible designs. No plugins and no external tools needed to see how your prototype will be perceived by people with vision deficiencies.
UXPin can simulate all types of color blindness:
- Red-green color blindness (Deuteranomaly, Deuteranopia, Protanomaly, Protanopia)
- Blue-yellow color blindness (Tritanomaly, Tritanopia)
- Complete color blindness (Achromatomaly, Achromatopsia)
See this blog article to find out more about vision deficiencies.
Note that at this point, UXPin Color Blindness Simulator is available for Chrome browser and for UXPin desktop application.