QDate has buttons with inaccessible names #16713
Labels
area/a11y
Accessibility
area/components
bug/2-confirmed
We have reproduce the problem and confirmed that this is a bug.
flavour/quasar-cli-vite
kind/bug 🐞
Qv2 🔝
Quasar v2 issues
What happened?
Our app needs to comply with WCAG guidelines, which is why we plan to integrate automated checks into our build pipeline as a first stop, prior to manual checks. We strive to reduce the amount of (sometimes non-critical or even purely technical as per specs) errors reported by Lighthouse et al., so that the important errors stay visible.
Currently, QDate's buttons to flip between months or years (chevron-left/-right) as well as the "today" button cause an error "Buttons do not have an accessible name" (Lighthouse) resp. "Buttons must have discernible text" (AxeDevTools).
I think it's important to note that this a11y issue might not be mission critical, if we only use the QDate in conjunction with QInput. Impaired users can always use the QInput then.
That's our case, mostly, but we also display the QDate as a widget here and there, i.e. without QInput. So then it becomes important again.
What did you expect to happen?
The
button
elements should be using ARIA labels such asaria-label="[previous|next] [month|year]"
oraria-label="today"
.Reproduction URL
https://codepen.io/hennzen/pen/YzBmOVg
How to reproduce?
Flavour
Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)
Areas
Components (quasar), Accessibility [a11y] (quasar)
Platforms/Browsers
Firefox, Chrome
Quasar info output
No response
Relevant log output
No response
Additional context
No response
The text was updated successfully, but these errors were encountered: