Palette

Our color palette is designed to communicate warmth and trustworthiness while meeting the highest standards for user friendliness.

Text & Accessibility Guide

Making your text accessible is one of the most important issues in making your text and its structure readable while having the ability to navigate it.

Below is a small example of how we use text throughout the application.

What is Accessibility?

Web accessibility ensures that people with disabilities can perceive, understand, navigate, interact with, and contribute to the applications you create. This means that pages are perceivable, operable, understandable and robust. This includes providing keyboard interaction alternatives for all mouse-based actions, properly identifying all form fields and buttons, providing text based alternatives for all images, videos, icons and SVGs, as well as building components that properly convey their identity, operation model, and state to assistive technologies.

The style guide directs you to build accessible applications by providing a set of semantically correct components, each with appropriate ARIA markup so they can be identified correctly to users of assistive technologies.

Appropriate use of color

Our components follow the two main rules of accessibility as it relates to color:

• We never use color as the only means of providing information or requesting an action.
• The combinations of text and their background colors do not fall below the WCAG recommended threshold ratio of 4.5:1 for standard or small text and 3:1 for larger text.