The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following:
Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;
Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.
Questions & Answers
I want to make sure that my site uses proper contrast ratios. Are there different contrast ratio requirements for text and for UI elements?
- contrast ratios
Is there a way that I can test the color contrast of text and graphics?
- wave scanner
My site contains a lot 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.
- best practices
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?
- third party