dequelabs / dequelabs/axe-core

The color-contrast rule doesn't take the CSS filter property into account.

Open
#3,214 5 comments 0 reactions 0 assignees View on GitHub
color contrast feat
Dominant language
JavaScript
Stars
7.5k
Forks
933
Avg merge
2d 23h
Merged PRs (30d)
17

Description

Product: axe Extension (and probably all other products)

Expectation: axe-core should discover contrast issues caused by the filter property. `opacity: 0.1` and `filter: opacity(0.1)` are [technically the same](https://developer.mozilla.org/en-US/docs/Web/CSS/filter#opacity) and should be treated the same.

Actual: The color-contrast rule doesn't take the filter property into account.

Here's a demo: https://codepen.io/matuzo/debug/LYjpQPZ

Screenshot 2021-10-14 at 20 01 38



axe-core version: 4.3.3
Chrome extension
Chrome 94
macOS 11.6

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.