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

generated content (css)

Support level: partial (18/22)

On this page

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.

Expectations

What are expectations?

Summary of support by expectation and assistive technology

ExpectationDragon Naturally SpeakingJAWSNarratorNVDATalkBackVoiceOver for iOSVoiceOver for macOSOrca
MUST CSS generated content MUST be included as part of the accessible nameno known supportpartial (4/6)supportedsupportedsupportedsupportedsupportedsupported

The screen reader MUST CSS generated content MUST be included as part of the accessible name

ATBrowserHas Support
Dragon Naturally SpeakingGoogle Chromeno known support
JAWSGoogle Chromesupported
JAWSInternet Explorernone
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgesupported
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported
VoiceOver for iOSSafari (iOS)supported
VoiceOver for macOSSafari (macOS)supported
OrcaFirefox (desktop)supported

This expectation is referenced by 2 tests.

Tests that reference this expectation
test namehas support
CSS Generated Content with HTML span elementpartial (9/11)
HTML label with CSS generated contentpartial (9/11)