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

[Feature Request] Add aria-labels to buttons on Date Picker for accessibility #20696

Open
cmooreDT opened this issue Nov 13, 2024 · 0 comments
Open
Labels
a11y Accessibility issue C: VDatePicker VDatePicker T: enhancement Functionality that enhances existing features

Comments

@cmooreDT
Copy link

cmooreDT commented Nov 13, 2024

Problem to solve

  1. Icon buttons within date picker have no text. When a screen reader focuses on them, it announces "button" and gives the user no indication as to what action would be performed by said button.
  2. Dates are being read as numbers.
  3. Current/today's date lacks aria-current attribute

Proposed solution

  1. Add aria-labels to icon buttons -- select year, previous month, next month
  2. Add aria-labels to date buttons so that they are read in full (day of the week, month day, year). For example, 13 would read as "Wednesday, November 13, 2024".
  3. Current/today's date should have the attribute aria-current="date"
@MatthewAry MatthewAry added C: VDatePicker VDatePicker a11y Accessibility issue and removed S: triage labels Nov 14, 2024
@MatthewAry MatthewAry added T: enhancement Functionality that enhances existing features and removed S: triage labels Nov 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility issue C: VDatePicker VDatePicker T: enhancement Functionality that enhances existing features
Projects
None yet
Development

No branches or pull requests

2 participants