Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-content] ::marker content available for assistive technology #11003

Open
wortwart opened this issue Oct 4, 2024 · 2 comments
Open

[css-content] ::marker content available for assistive technology #11003

wortwart opened this issue Oct 4, 2024 · 2 comments
Labels
a11y-tracker Group bringing to attention of a11y, or tracked by the a11y Group but not needing response. css-content-3 css-lists-3 Current Work css-pseudo-4 Current Work

Comments

@wortwart
Copy link

wortwart commented Oct 4, 2024

According to CSS Generated Content Module Level 3, §1.1, "Generated content should be (...) available to assistive technologies. The content property applies to speech and generated content must be rendered for speech output."

This is already the state of things for the most common usage of content within ::before and ::after pseudo elements. But for other use cases this makes less sense and might lead to unnecessary screenreader noise. For example, a ::marker's content will replace the native list marker which is purely presentational. Screenreaders currently don't read ::marker content which seems the right thing to do.

@fantasai fantasai added css-content-3 css-lists-3 Current Work css-pseudo-4 Current Work a11y-tracker Group bringing to attention of a11y, or tracked by the a11y Group but not needing response. labels Oct 7, 2024
@JAWS-test
Copy link

native list marker which is purely presentational. Screenreaders currently don't read ::marker content which seems the right thing to do.

In my opinion, this is not correct, see

@Loirooriol
Copy link
Contributor

Screenreaders currently don't read ::marker content

They don't? But I'm pretty sure the ::marker content is what gets exposed in the accessibility tree, both on Blink and Gecko.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y-tracker Group bringing to attention of a11y, or tracked by the a11y Group but not needing response. css-content-3 css-lists-3 Current Work css-pseudo-4 Current Work
Projects
None yet
Development

No branches or pull requests

4 participants