Skip to content
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
@clshortfuse

Description

@clshortfuse

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:

https://web.archive.org/web/20140628054353/http://www.google.com/design/spec/style/color.html#color-ui-color-application

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.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions