Color Contrast

Overview

Color contrast ratio for Basis UI should meet at least AA standards, based on Web Content Accessibility Guidelines (WCAG) guidelines.

Benefits: People with low vision often have difficulty reading text that does not contrast with its background. This can be exacerbated if the person has a color vision deficiency that lowers the contrast even further. Providing a minimum luminance contrast ratio between the text and its background can make the text more readable even if the person does not see the full range of colors. It also works for the rare individuals who see no color.¹

• Type Color: Text should have a minimum contrast ratio of 4.5

• Icon ColorIcon should have a minimum contrast ratio of 3.1

Focus States

Coming soon

Keyboard Support

Coming soon