vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.9k stars 6.97k forks source link

[Bug Report][3.3.22] button default loader cant be labelled #18523

Closed DiedeGu closed 2 weeks ago

DiedeGu commented 1 year ago

Environment

Vuetify Version: 3.3.22 Vue Version: 3.3.4 Browsers: Google Chrome OS: Ubuntu undefined

Steps to reproduce

  1. press the take checkup button
  2. inspect the resulting element. Note that no "aria-labelledby" "aria-label" nor "title=" is set on the element.

Expected Behavior

the progressbar needs an accessible name to be able to notify screen reader users about the status of the page. They need to know a loading event is taking place and for what reason.

read more on: https://dequeuniversity.com/rules/axe/4.7/aria-progressbar-name

Actual Behavior

Non of the discribed labels are found.

Reproduction Link

https://play.vuetifyjs.com/#...

justingish commented 7 months ago

This same problem applies to the DataTable loading prop as well.