Description
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
When can text links have 3:1 color contrast?
Some sites say link text color contrast should be 4.5:1, and some sites say link text color contrast should be 3:1. When is 3:1 color contrast sufficient for link text?
- contrast ratios
- links
- text
Do company logos meet ADA compliance?
Do company logos (uploaded as .jpg) meet ADA compliance?
- color
- contrast
- contrast ratios
Are there different contrast ratio requirements for text and for UI elements?
I want to make sure that my site uses proper contrast ratios. Are there different contrast ratio requirements for text and for UI elements?
- color
- contrast
- contrast ratios
How can I test text color contrast?
Is there a way that I can test the color contrast of text and graphics?
- color
- graphics
- text
- wave scanner
Do images and art need to follow accessibility rules?
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?
- art
- color
- graphics
- images
- video
Company colors don’t pass contrast guidelines.
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?
- branding
- color
Do logos need to follow the accessibility guidelines?
Do logos need to follow the accessibility guidelines? Specifically color contrast, size, text, stuff like that.
- best practices
- branding
- color
- images