Search results
Results from the WOW.Com Content Network
The other colors are derived from the base color by varying its lightness in HSL to achieve the necessary WCAG contrast ratio, which is defined as a ratio of slightly modified CIE relative luminance values. It is best to choose background colors that offer sufficient contrast in relation to text and blue links, which is also the color of ...
This template returns the color contrast ratio between the two colors provided. It accepts two parameters, which can be a standard RGB hex color code (#RRGGBB) or a standard HTML color or CSS "orange" (= #FFA500).
This template is used on approximately 157,000 pages. To avoid major disruption and server load, any changes should be tested in the template's /sandbox or /testcases subpages, or in your own user subpage.
The Template:Color contrast conformance gives a "AAA", "AA" or "none" judgment for the level of conformance to WCAG 2.0 of two colors together, in terms of contrast ratio, where the colors can be either RGB #numbers (#56F3BB) or color names (green, darkorange, or NavahoWhite, etc.).
An example of how text with low colour-contrast appear to someone with the commonest form of colour-blindness, red/green. If you have default settings on Wikipedia, and are reading this page on a screen, then you probably can't read the following: This is a secret message. because it has blue text on a blue background.
WCAG 2.0 uses the same three levels of conformance (A, AA, AAA) as WCAG 1.0, but has redefined them. The WCAG working group maintains an extensive list of web accessibility techniques and common failure cases for WCAG 2.0. [24] WCAG 2.1 is backwards-compatible with WCAG 2.0, which it extends with a further 17 success criteria.
For text against a white background, the following CSS colors do not meet the minimum contrast ratio (4.5:1) specified by Web Content Accessibility Guidelines (WCAG) 2.0 Level AA. Contrast [ d ] Color sample
You can use a few online tools to check color contrasts, including: the WebAIM online contrast checker, or the WhoCanUse site, or Snook's Color Contrast Check. Several other tools exist on the web, but check if they are up-to-date before using them. Several tools are based on WCAG 1.0's algorithm, while the reference is now WCAG 2.0's algorithm.