`<UBadge variant="subtle">` does not pass lighthouse accessibility audit
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Environment
n/a
Version
2.12.3
Reproduction
https://stackblitz.com/edit/nuxt-ui-t7vmme?file=app.vue
Description
Noticed when deploying a sample app (https://nuxt-spooon.vercel.app) that the default styles for the subtle badge variant do not pass lighthouse accessibility guidelines. Obviously I could fix this by overriding the styles but it seems like this could be an easy win.
Might also be worth adding an automated accessibility test for all default elements (maybe by auditing the docs website?)
Additional context
No response
Logs
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked StackBlitz reproduction and inspect the default styles for the component. Run a Lighthouse accessibility audit against the reproduction, then confirm that the subtle variant meets the reported accessibility guideline; the issue also suggests considering automated accessibility coverage for default elements.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwindcss
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100