Alternative Text in CSS Generated Content

CSS

Currently there is no way to supply alternative text for CSS generated content. This change would allow alternative text to be supplied for elements that get their content from the content property.

The content property can be used to provide semantically important information to the user. Alternative text is used by assistive technologies to communicate the contents/caption of DOM content. This change would allow alternative text to be provided through CSS purely, making it available on pseudo elements like ::before and ::after, which are otherwise ignored for accessibility. It also allows for purely decorative elements to be explicitly labelled as such (by providing an empty string after the slash), and therefore ignored for accessibility.

Documentation

Specification

Editor's draft

Status in Chromium

Blink components: Blink>Accessibility

In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Firefox: No public signals
Edge: No public signals
Safari: Public support
Web Developers: Positive

Owners

Last updated on 2019-03-18