dequelabs / dequelabs/axe-core

Incomplete checks for color contrast on text with webkit-line-clamp

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

Description

### Product

axe-core

### Product Version

4.4.2

### Latest Version

- [x] I have tested the issue with the latest version of the product

### Issue Description

#### Expectation
No colour contrast violations should be reported when using `webkit-line-clamp` and inner span(s).

#### Actual
A colour contrast incomplete check is reported when using a combination of `webkit-line-clamp` and inner `span`.

#### How to Reproduce

The issue is exactly the same as https://github.com/dequelabs/axe-core/issues/2669 except that this time it happens with the `webkit-line-clamp` CSS property instead of `text-overflow: ellipsis`.

You can reproduce the issue at: https://output.jsbin.com/savapuvoti.

Screenshot of the Axe dev tools with the violation displayed

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.