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

Include accessibility attributes #189

Open
tmcw opened this issue Sep 24, 2024 · 0 comments
Open

Include accessibility attributes #189

tmcw opened this issue Sep 24, 2024 · 0 comments

Comments

@tmcw
Copy link
Contributor

tmcw commented Sep 24, 2024

I received some useful feedback from someone who uses a screenreader about a notebook that I shared (mastodon thread here), which was interesting because, while it's pretty jumbled right now, screenreaders can look into the iframe and read some of a page on Observable!

But on the other hand, the inspector is a stumbling block for screenreaders right now:

  • The collapsed / expanded states are not accessible: it's a div with click events attached to it. Ideally this would include an aria-expanded attribute, as well as role=button (it could be a button element, but I think that would run into nesting rules pretty quickly)
  • The special ƒ is not accessible to screenreaders - they read the unicode description of it. I think maybe this would be something where it'd be good to have an aria-description, and possibly include the f as a css ::after or something that isn't read as part of the page content.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant