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.

Sign up for GitHub

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

Jump to bottom

Accessibility: Tablists do not have accessible name #2407

Open
Tracked by #1279
kburk1997 opened this issue Sep 7, 2023 · 0 comments
Open
Tracked by #1279

Accessibility: Tablists do not have accessible name #2407

kburk1997 opened this issue Sep 7, 2023 · 0 comments
Labels
a11y Accessibility-related issues Type: Bug

Comments

@kburk1997
Copy link

Describe the bug

  1. Go to Redocly demo
  2. Go to "POST /pet" sample
  3. Inspect "Request samples" tablist
  4. Open Chrome DevTools accessibility tree
  5. Observe that tablist does not have accessible name (see "Screenshots").

Expected behavior
Each tablist should have an accessible name. Ideally, the tablist should be labelled by the heading above it (using aria-labelledby).

Screenshots
Screenshot of accessibility tree. The tablist has no accessible name.

Screenshot of tablist without accessible name - Elements pane
Additional context
ARIA Practices Guide - Tabs - Manual Example
@lornajane lornajane added the a11y Accessibility-related issues label Sep 8, 2023
@lornajane lornajane mentioned this issue Jul 27, 2023
Open
15 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
a11y Accessibility-related issues Type: Bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@lornajane @kburk1997