dequelabs / dequelabs/axe-core

css content alt text is ignored

Open
#4,763 7 comments 0 reactions 0 assignees View on GitHub
feat rules
Dominant language
JavaScript
Stars
7.5k
Forks
933
Avg merge
2d 23h
Merged PRs (30d)
17

Description

### Product

axe-core

### Product Version

4.10.3

### Latest Version

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

### Issue Description

#### Expectation
I want to use the alt text for the content attribute as described here: https://developer.mozilla.org/en-US/docs/Web/CSS/content
I would expect that axe detects the alt text.

#### Actual
Axe ignores the alt text.

#### How to Reproduce
Open in a browser and scan with axe browser extension

```html


.with-content {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='40' fill='blue' /%3E%3C/svg%3E") /
"Alt text not detected"
}





```

Will report an issue, but is valid. At least chrome and FF show the alt text in their a11y trees.

#### Additional context
I opened a similar issue for playwright: https://github.com/microsoft/playwright/issues/35737

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.