Wcag Color Contrast Guidelines. Check the contrast of your color design for accessibility base on web content accessibility guideline wcag. Wcag 2 0 color requirements.
Text or images of text that are part of an inactive user interface component that are pure decoration that are not visible to. The visual presentation of text and images of text has a contrast ratio of at least 4 5 to 1 except for the following. The w3c has a document called web content accessibility guidelines wcag 2 1 that covers successful contrast guidelines.
In general smaller or lighter weight text needs to have greater contrast to be legible.
Use text size to help determine contrast. Before we get to the math we need to know what contrast ratio scores we are aiming to meet or exceed. The perfect ratio making web designs fully accessible might sound like an overwhelming task but color contrast compliance is an easy win. Wcag 2 0 also requires at level a that color not be used as the sole method of conveying content or.
