google / google/material-design-lite

Many contrast issues on getmdl.io

Open
#1,731 3 comments 1 reaction 1 assignee Claimed by @sgomes View on GitHub
Accessibility Microsite P0
Dominant language
HTML
Stars
32.2k
Forks
4.9k
PR merge metrics
No merged PRs in 30d

Description

e.g. (among many others)

```
.started a, .about a, .faq a, .customize a {
color: #00BCD4;
}
```

on `white` has a contrast ratio of 2.2.

```
.docs-navigation .mdl-navigation__link:not(.download), .docs-navigation .mdl-navigation__link.download>span, .docs-navigation .mdl-navigation__link.download>.material-icons {
opacity: .65;
}
```

(and `color: #fff`) on `#C2185B` has a contrast ratio of 3.18.

```
.mdl-textfield__label {
color: rgba(0,0,0,.26);
}
```

on `white` has a contrast ratio of 1.87!

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.