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

generated content (css)

Support level: some support

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.


Assertions are conditions that must be met for the feature to be considered as "supported". Only "MUST" assertions need to be met for minimal "support". "SHOULD" and "MAY" assertions indicates support that goes above and beyond. Note that there is not an explicit standard that dictates these assertions, and as such, they are likely opinionated. Minimal support reflects that the structure, relationships, and functionality of the feature are conveyed and operable by assistive technology rather than minimal conformance to any specific WCAG SC. As such, a feature might not meet all "MUST" assertions but still be usable (potentially frustratingly so).

Assertion support summary by type

some supportnana

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

Dragon Naturally SpeakingInternet Explorerno known support
JAWSGoogle Chromeunknown
JAWSInternet Explorernone
JAWSFirefox (desktop)full
NarratorMicrosoft Edgefull
NVDAGoogle Chromeunknown
NVDAFirefox (desktop)full
TalkBackGoogle Chrome (android)some support
VoiceOver for iOSSafari (iOS)full
VoiceOver for macOSSafari (macOS)full

This assertion is referenced by 2 tests.

Tests that reference this assertion
test namesupport
CSS Generated Content with HTML span elementsome support
HTML label with CSS generated contentsome support