Accessibility is huge part of the company's brand. To be able to reach to much more users that have visual, touch, hearing impairment.
I made sure all of our primary used colors, backgrounds and text colors pass WCAG AA and AAA contrast.
Used for primary text color and background color for secondary button
Used mainly for secondary text color
Color used for button hover states, banner background color
Primary color for buttons, links, form checks
Used as a second option background color on small details, tags, error messaging, and borders
All of texts from the biggest, 28px, to the smallest, 12px, pass readability and contrast
Header 1
Subheading
Large Text
Default Text
Small Text
X Small Text
Our touch points have been design to be accessible and intuitive, some include images to guide users
Dashboard cards: used for shortcuts to navigate thought the site
Survey cards: These are used to gather information from the user is a creative and intuitive way
Default button: This touch point is the default button size, found across the site to navigate from one page to another
All of our components, from color to typography to structure, are fully color blind accessible.
Protanopia
Achromatopsia
Deuteranopia
Tritanopia
Blured
Ghosting
Yellowing
Loss of Contrast
Bright Light
