CSS generated content (css)
Screen Reader support level: partial (36/44)
Voice Control support level: partial (8/26)
On this page
- About this feature
- Age of results
- Expectations
- Related features
- Related tests
- Related AT or browser issues
- Is something not right?
About this feature
CSS Generated Content is content that is added to the DOM via CSS such as ::before and ::after content.
Avoid using CSS generated content for meaningful textual additions.
Age of results
Results across all tests for this feature range from 3 years ago to 6 years ago. Detailed dates and version information can be found in associated tests.
Caution
Failing or partial results may be out of date. The oldest result is from 5 years ago. Consider running the associated tests and contributing results.
Expectations
Screen Reader support by expectation
| Expectation | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
| MUST be included as part of the accessible name | partial (2/4) | partial (2/4) | supported | partial (2/4) | partial (3/4) | partial (3/4) | supported | supported | supported | supported | supported |
Voice Control support by expectation
| Expectation | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
|---|---|---|---|---|---|---|---|---|
| Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
| MUST be included as part of the accessible name | none | supported with 1 unknown result | partial (2/3) | supported | supported with 2 unknown results | none | unknown | unknown |
Expectation: be included as part of the accessible name
Strength of this expectation for different types of assistive technologies:
- Screen Readers: MUST
- Voice Control: MUST
| Test | JAWS | Narrator | NVDA | Orca | TalkBack | VoiceOver (iOS) | VoiceOver (macOS) | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Edge | Chrome | Edge | Firefox | Firefox | Chrome | Safari | Safari | |
| CSS generated content for button name applied to: button element | none | none | supported | none | supported | supported | supported | supported | supported | supported | supported |
| CSS generated content in form label applied to: label element | none | none | supported | supported | none | none | supported | supported | supported | supported | supported |
| CSS generated content for link name applied to: hyperlink element | supported | supported | supported | none | supported | supported | supported | supported | supported | supported | supported |
| CSS Generated Content with HTML span element applied to: span element | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported | supported |
| Test | Dragon Naturally Speaking | Voice Access (Android) | Voice Control (iOS) | Voice Control (MacOS) | Windows Speech Recognition | Windows Voice Access | ||
|---|---|---|---|---|---|---|---|---|
| Chrome | Chrome | Safari | Safari | Edge | Chrome | Edge | Chrome | |
| CSS generated content for button name applied to: button element | none | supported | supported | supported | unknown | none | unknown | unknown |
| CSS generated content in form label applied to: label element | none | unknown | partial | supported | supported | none | unknown | unknown |
| CSS generated content for link name applied to: hyperlink element | none | supported | supported | supported | unknown | none | unknown | unknown |
| CSS Generated Content with HTML span element applied to: span element | not applicable | not applicable | not applicable | not applicable | not applicable | not applicable | unknown | unknown |
Related features
These are features that are usually used in combination with this feature.
CSS generated content - alternative text (css)
| Dragon | JAWS | Narrator | NVDA | Orca | TalkBack | Voice Access | VC iOS | VC MacOS | VoiceOver (iOS) | VoiceOver (macOS) | Speech Recognition | Windows Voice Access | Windows | Mac | iOS | Android Keyboard |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | supported with 1 unknown result | unknown | supported with 1 unknown result | supported with 1 unknown result | unknown | unknown | unknown | unknown | supported with 2 unknown results | unknown | unknown | unknown | unknown | unknown |
We are missing data on some combinations.