Notice: This is a work in progress. Please submit feedback or suggestions.
CSS generated content (css)
Screen reader support level: partial (32/39)
Voice Control support level: partial (7/16)
On this page
- About this feature
- Age of results
- Expectations
- be included as part of the accessible name
- 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 a year ago to 3 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 2 years ago. Consider running the associated tests and contributing results.
Expectations
What are expectations?
Screen Reader support by expectation
ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeIEFirefoxEdgeChromeFirefoxFirefoxChromeSafariSafari
MUST be included as part of the accessible name
partial (3/4)
none
supported
partial (2/4)
partial (3/4)
supported
supported
supported
supported
supported
Voice Control support by expectation
ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech Recognition
ChromeChromeSafariSafariChrome
MUST be included as part of the accessible name
none
supported with 1 unknown result
partial (2/3)
supported
none
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
Screen Reader [...]