Notice: This is a work in progress. Please submit feedback or suggestions.

generated content (css)

Support level: some support

CSS Generated Content is content that is added to the DOM via CSS such as ::before and ::after content.

Recommendation: Avoid using CSS generated content for meaningful textual additions.

Summary of tests

Support for CSS Generated Content with HTML span element

Assertion:name is conveyed as "This is generated content."

ATBrowserSupport
Dragon Naturally SpeakingInternet Explorernot applicable
JAWS 2019.1903Internet Explorer 11none
JAWS 18Firefox (desktop) 60full
Narrator 1809Microsoft Edge 44full
NVDA 2018.1.1Firefox (desktop) 60full
TalkBackGoogle Chrome (android)unknown
VoiceOver for iOS 11.4.1Safari (iOS) 11.4.1full
VoiceOver for macOS 10.13.6Safari (macOS) 11.1.2full

Support for HTML label with CSS generated content

Assertion:name is conveyed as "This is generated content"

ATBrowserSupport
Dragon Naturally Speaking 15.30Internet Explorer 11.134none
JAWS 2019.1903Internet Explorer 11none
JAWS 2019Firefox (desktop) 65.0.1full
Narrator 10Microsoft Edge 17full
NVDA 2018.1.1Firefox (desktop) 60full
TalkBack 6.2Google Chrome (android) 67full
VoiceOver for iOS 11.4Safari (iOS) 11.4full
VoiceOver for macOS 10.13.5Safari (macOS) 11.1.1full