8000 Tab content `aria-labelledby` points to nothing · Issue #1261 · melt-ui/melt-ui · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Tab content aria-labelledby points to nothing #1261

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

Open
86CE
ivyrze opened this issue Aug 26, 2024 · 0 comments
Open

Tab content aria-labelledby points to nothing #1261

ivyrze opened this issue Aug 26, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@ivyrze
Copy link
ivyrze commented Aug 26, 2024

Describe the bug

The tabpanel provides an aria-labelledby attribute, but doesn't assign an id to the tab. This makes the tabs inaccessible to screen reader users and is invalid HTML markup.

Reproduction

  1. Visit tabs example code on the docs site
  2. Inspect element on any of the triggers
  3. Verify id attribute is not present

Logs

No response

System Info

System:
    OS: macOS 14.6.1
    CPU: (8) arm64 Apple M1
    Memory: 972.00 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.20.4 - ~/.nvm/versions/node/v18.20.4/bin/node
    npm: 10.7.0 - ~/.nvm/versions/node/v18.20.4/bin/npm
    pnpm: 9.7.1 - /opt/homebrew/bin/pnpm
  Browsers:
    Chrome: 127.0.6533.120
    Safari: 17.6
  npmPackages:
    @melt-ui/svelte: ^0.83.0 => 0.83.0 
    @sveltejs/kit: ^2.5.24 => 2.5.24 
    svelte: ^5.0.0-next.238 => 5.0.0-next.238

Severity

blocking all usage of Melt UI

@ivyrze ivyrze added the bug Something isn't working label Aug 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants
@ivyrze and others
0