You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Create a VDataTable with sortable columns, with the table set in mobile view.
Observe the ‘Sort by’ dropdown input aria-label and its corresponding label text.
Expected Behavior
According to the WCAG, it is considered a best practice to have form control aria-labels start with their corresponding label text. In English, for instance, this would be ‘Sort by’.
Environment
Vuetify Version: 3.7.7
Vue Version: 3.5.8
Browsers: Chrome 131.0.0.0
OS: Windows 10
Steps to reproduce
Create a VDataTable with sortable columns, with the table set in mobile view.
Observe the ‘Sort by’ dropdown input aria-label and its corresponding label text.
Expected Behavior
According to the WCAG, it is considered a best practice to have form control aria-labels start with their corresponding label text. In English, for instance, this would be ‘Sort by’.
WCAG reference
Actual Behavior
The aria-label text is ‘Open’.
Reproduction Link
https://play.vuetifyjs.com/#...
Screenshots
The text was updated successfully, but these errors were encountered: