CISL allows readers to pick a setting for screen colors and contrast that best supports their reading. People may need the ability to change the color contrast due to a visual impairment or other disability, or they may find that a certain setting is simply more comfortable or enjoyable. CISL supports readers in finding out what contrast setting works best for them in different contexts.
See what color and contrast options you prefer in Clusive.
Black text on white backgrounds and white text on black backgrounds are two high-contrast options for screen settings.
Several studies have found that contrast ratio has a significant impact on peoples’ experiences viewing text and images.
- A study of 468 university students (ages 18 to 21 years old) with normal or corrected to normal vision found that background and text color combinations significantly affect people’s ability to identify characters. A darker text on a lighter background results in greater accuracy than lighter text on a darker background.
- This effect may be driven by contrast rather than color. A series of three experiments on 20 college students with typical vision found that text-to-background contrast ratio significantly impacts visual performance, and has a greater impact than color.
- This pattern may apply to people with visual impairments. Among 58 visually impaired college students in one study, dark text on a light background was reported as more legible than other color combinations.
- This may also be true for individuals with dyslexia. In a study of 22 individuals with Dyslexia, ranging from 13 to 37 years old, most participants said they favored a high-contrast color pairing for online reading.
- Contrast preferences may apply to images too. One study tested a color contrast enhancement algorithm on 12 people with typical vision who wore glasses that simulate low vision. Participants preferred images that had been enhanced by a color contrast algorithm over un-enhanced versions
The features of the CISL tools are related to existing guidelines and best practices, including the Web Content Accessibility Guidelines (WCAG) and the Universal Design for Learning (UDL) Guidelines. The feature of adjustable contrast settings is connected to:
Web Content Accessibility Guidelines (WCAG)
- WCAG requires a contrast ratio of at least 4.5:1 for standard size text to meet level AA (WCAG Success Criterion 1.4.3), and 7:1 to meet level AAA (WCAG Success Criterion 1.4.6).
- User interface components like buttons are required to have a contrast of 3:1 (WCAG Success Criterion 1.4.11, level AA)
Universal Design for Learning (UDL) Guidelines
- UDL Checkpoint 1.1: Offer ways of customizing the display of information
Adjustable contrast examples
Microsoft Immersive Reader allows users to choose a color theme, impacting the contrast levels, for any document within a variety of Microsoft applications.
Check out DeveloperSpace for a compilation of examples and more supporting literature.