dequelabs / dequelabs/axe-core
Color-contrast does not take into account mix-blend-mode
- Dominant language
- JavaScript
- Stars
- 7.5k
- Forks
- 933
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 17
Description
The [mix-blend-mode CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode) specifies how colors are blended together. By default the `mix-blend-mode` is set to `normal`, which is mostly how our `flattenColor` algorithm works. But by changing the mix-blend-mode the background color can be completely different.
For example, taking this HTML, the output is faint green color.
```html
```
But if we change the blend mode we get a completely different color, in this case a faint pink color.
```html
```
See https://www.w3.org/TR/compositing-1/#blending
Contributor guide
Assessment
This issue has not been assessed yet.