Testing & RemediationHow to test: Using a color contrast checker is a great way to check the contrast ratios that are present on your site. WebAIM provides an easy to use contrast ratio checker that is free to use. Another method is to use the formula that the W3C has put together. This formula and other relevant details can be found on the G18 technique page on the W3C website. How to remediate: If the text is less than 18 point and not bold (and less that 14 if bold):
- Update the background color, text color or both to meet the 7:1 minimum contrast ratio
- Update the background color, text color or both to meet the 4.5:1 minimum contrast ratio
Questions and Answers
Is there a way that I can test the color contrast of text and graphics?
My site contains alot of artwork, graphics, and some photography. My question is whether or not I need to do anything if they don't meet requirements. Or do they get a pass?
The company colors don't pass contrast guidelines, and the entire site is built on that color scheme. Are there any exceptions to this rule, and if so, what would you suggest?
Do logos need to follow the accessibility guidelines? Specifically color contrast, size, text, stuff like that.
If I have a gif on a site that loops continuously. Is that okay or does it violated the 'can't have repeating flashing stuff' rule?
I see a lot of WordPress websites (and websites in generally really) using sliders for images and information. I can see how it would be really easy to make an accessible slider. Are there any 'out of the box' accessible WordPress sliders?