A measured comparison of how different text (or an icon) is in lightness from the background behind it, written as a ratio like 4.5:1. The bigger the number, the easier it is to read, especially for people with low vision.
Synonyms
Related terms
In plain words
- how much the text stands out from the background
- whether the writing is easy to read against its background
Usage example
The pale grey caption failed the color contrast ratio check, so we darkened it to meet 4.5:1.
Don't confuse with…
- contrastGeneral design contrast is any visual difference used for interest; color contrast ratio is a specific measurable number used to judge readability.
Categories
- Accessibility