An Introduction
Accessibility
As our software enables our users to make good happen, it is extremely important to make sure accessibility is considered in every aspect of our product, ensuring that it is usable for everyone, including our customers with disabilities. Our product team has taken proper steps to ensure each component within the Neon framework is as inclusive and usable for just about everyone.
Compliance
There are different levels of compliance established by the WCAG guidelines. A, AA, and AAA are among the standards. We have designed NeonCRM to comply with AA.
-
Text and images of text must have a contrast ratio of at least 4.5:1. An exception is large text (at least 24px / 19px semi-bold) which must have a contrast ratio of 3:1.
-
UI components: Visual information used to indicate states and boundaries of UI components must have a contrast ratio of 3:1 against adjacent colors.
Please refer to the lastest accesibility standards at WCAG 2.1. Use tools such as Accessible Colors or other color contrast tools to validate AA compliance.
Color Blindness
Color blindness is a deficiency the inhibits you from distinguishing and associating different colors from each other. Color blindness is more common amongst males than females. The most common case of color blindness is red-green deficiency, where roughly 8% of males and 1% of females have it.
-
Protanopia-Red/green
-
Tritanopia-Blue
-
Deuteranopia-Green
-
Achromatopsia-No Color
Always use a color blind simulator to make sure the color palette you are using is compliant with AA. We recommend using the NoCoffee Simulator for Google Chrome and the Stark plugin for Sketch.
Low Vision
Low vision affects nearly 135 million people, which accounts for 4% of the world's population. It's important to distinguish the various definitions that are associated with low vision to understand how we can design for people who struggle with low vision disabilities.
-
Visual Acuity: A number used to indicate the sharpness or clarity of an individuals vision. An individual with 20/70 who is 20 feet away from an object will view it as a person 70 feet away with 20/20 vision.
-
Low Vision: Vision loss that is severe and interferes with an individuals ability to conduct daily activities.
-
Low Acuity: A visual impairment that makes reading difficult and objects and text appear fuzzy.
-
Tunnel Vision: Peripheral vision that is blocked. Users with this disability can only see things in a centralized view.
Diabetic Retinopathy
Low Acuity
