Description
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:
Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3: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
Does dynamically changing text color meet accessibility requirements?
My website has text that changes color as you scroll. Text at the bottom of the screen is lightly colored, and is below minimum contrast. However, as the user scrolls, the text becomes darker and meets minimum contrast once it reaches the top half of...
- contrast
- interactive
- text
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
Will “high contrast mode” fix my color contrast issues?
Can I just add a "high contrast mode" to my app take care of all of my contrast issues?
- color
- color blind
- contrast
- high contrast mode
What WCAG color contrast guidelines apply to sub brand logos?
Our team is designing logos for a medical brand and we understand that LOGOS (assume primary logos, such as the Amazon logo) do not need to be ADA-Compliant, but what about subbrands that are typed out such as HEALTH BRAND | Insurance Plans?
- branding
- color
- contrast
- contrast ratios
- text
Do company logos meet ADA compliance?
Do company logos (uploaded as .jpg) meet ADA compliance?
- color
- contrast
- contrast ratios
Does placeholder text need to meet color contrast requirements?
Placeholder text for form inputs are often times very light. Does placeholder text need to meet contrast requirements?
- color
- CSS
- text
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