Design requirement · Established

Colour Contrast

The visual difference between foreground and background

What does Colour Contrast mean?

A measurable relationship that helps text and controls remain distinguishable for people with low vision.

Keep exploring

Accessibility (A11y)Designing technology so disabled people can perceive, understand, navigate and interact with it.
WCAGW3C recommendations for making web content more accessible to people with disabilities.
Assistive TechnologyHardware or software such as screen readers, magnifiers or voice input used by disabled people.
Screen ReaderAn assistive technology that interprets interface structure and text for non-visual use.
Keyboard NavigationThe ability to reach and operate interactive elements using a keyboard or equivalent controls.
Focus OrderThe logical order in which interactive elements receive focus, ideally matching meaning and visual flow.
Alternative Text (Alt Text)A concise description that communicates the purpose or information of an image when it cannot be seen.
CaptionsSynchronised text that makes audio content available to people who cannot hear it.