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

generated content (css)

Support level: partial (15/20)

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

Expectations are conditions that must be met for the feature to be considered as "supported". Only "MUST" expectations need to be met for minimal "support". "SHOULD" and "MAY" expectations indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these expectations, and as such, they are likely opinionated. As such, a feature might not meet all "MUST" expectations but still be usable (potentially frustratingly so). Additionally, the assistive technology may provide many different commands to read, navigate, or otherwise interact with a feature. Only one command is required to pass for the expectation to be minimally supported.

Expectation support summary by type

MUSTSHOULDMAY
partial (15/20)

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

ATBrowserHas Support
Dragon Naturally SpeakingInternet Explorerno known support
JAWSGoogle Chromesupported
JAWSInternet Explorernone
JAWSFirefox (desktop)supported
NarratorMicrosoft Edgesupported
NVDAGoogle Chromesupported
NVDAFirefox (desktop)supported
TalkBackGoogle Chrome (android)supported with 1 unknown result
VoiceOver for iOSSafari (iOS)supported
VoiceOver for macOSSafari (macOS)supported

This expectation is referenced by 2 tests.

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