Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.

CSS generated content - alternative text (css)

Screen Reader support level: supported

Voice Control support level: supported with 3 unknown results

On this page

About this feature

The content property accepts alternative text to be specified after a slash (/) after the last <content-list>.

Age of results

Results across all tests for this feature range from 3 years ago to 4 years ago. Detailed dates and version information can be found in associated tests.

Expectations

What are expectations?

Screen Reader support by expectation

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
MUST be included as part of the accessible namesupportedsupportednot applicablesupportedsupportedsupportednot applicablenot applicablesupportednot applicablenot applicable

Voice Control support by expectation

ExpectationDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech RecognitionWindows Voice Access
ChromeChromeSafariSafariEdgeChromeEdgeChrome
MUST be included as part of the accessible namesupportedsupportednot applicablenot applicableunknownsupportedunknownunknown

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 support for 'MUST be included as part of the accessible name'
TestJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
CSS generated content with alt text applied to: button elementsupportedsupportednot applicablesupportedsupportedsupportednot applicablenot applicablesupportednot applicablenot applicable
Voice Control support for 'MUST be included as part of the accessible name'
TestDragon Naturally SpeakingVoice Access (Android)Voice Control (iOS)Voice Control (MacOS)Windows Speech RecognitionWindows Voice Access
ChromeChromeSafariSafariEdgeChromeEdgeChrome
CSS generated content with alt text applied to: button elementsupportedsupportednot applicablenot applicableunknownsupportedunknownunknown

Related features

These are features that are usually used in combination with this feature.

CSS generated content (css)

DragonJAWSNarratorNVDAOrcaTalkBackVoice AccessVC iOSVC MacOSVoiceOver (iOS)VoiceOver (macOS)Speech RecognitionWindows Voice AccessWindowsMaciOSAndroid Keyboard
no known supportpartial (8/13)partial (2/5)partial (10/13)supported with 1 unknown resultsupported with 1 unknown resultsupported with 2 unknown resultspartial (2/4)supported with 1 unknown resultsupported with 1 unknown resultsupported with 1 unknown resultpartial (1/7)unknownunknownunknownunknownunknown

We are missing data on some combinations.