[Bug Report][4.1.2] Accessibility: VDateInput input element have role but not required aria attributes (following #22017)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 4.1.2
Vue Version: 3.5.32
OS: Linux
Steps to reproduce
- Add VDateInput
Expected Behavior
The input element inside the should have role="combobox" and aria-expanded & aria-controls attributes.
Actual Behavior
The input element have the role but not the required combobox attributes.
Reproduction Link
https://play.vuetifyjs.com/#...
Other Comments
Already reported in #22522. It es recognized as Textbox but is has aria-expand flagged as not allowed because it's missing role="combobox"
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 at the VDateInput entry point and inspect the input shown in the reproduction link, comparing its accessibility semantics with the expected combobox attributes. Check issue #22522 first, since the report says the same problem was already reported; done means the input exposes the required role, aria-expanded, and aria-controls attributes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100