Inaccessible combinations
Combinations with bad colour contrast can make it very difficult for users with visual impairments to see the content.
Usage
Colour contrast standard for websites is essential for accessibility, the WCAG 2.0 Level AA contrast ratio must be met or exceeded.
The below combinations are inaccessible contrasts between foreground and background and should be avoided when creating content.
Inaccessible
SL Yellow/White
color: colour(yellow);
background-color: colour(white);
Inaccessible
Alt Yellow/White
color: colour(yellow, alt);
background-color: colour(white);
Inaccessible
Orange/White
color: colour(ux-orange);
background-color: colour(white);
Inaccessible
Alt Aqua/White
color: colour(aqua, alt);
background-color: colour(white);
Inaccessible
Pale Grey/White
color: colour(grey, pale);
background-color: colour(white);