This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
a11y: color palette does not meet AA guidelines #10164
Closed
Description
Actual Behavior:
What is the issue? *
Current color palette uses old Angular Material opacities for colors that do not meet a11y guidelines.What is the expected behavior?
Should use new values.
Angular Versions: *
Angular Material Version:
1.1.1
We are currently using old opacity values which used 87% opacity for certain colors:
We should be using 100% opacity as per the new guidelines. https://material.google.com/style/color.html#color-text-background-colors
For example, default text for grey-600
(#757575) should now be 100% white, not 87% white. This moves the contrast ratio from 3.9
to 4.6
.
https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html states we should require at least 4.5
contrast ratio for all primary text.