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 pagination options.
Observe the ‘Items per page’ dropdown input aria-label and its preceding span 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 this case, the aria-label text should start with the span content. In English, for instance, this would be ‘Items per page’. WCAG reference
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 pagination options.
Observe the ‘Items per page’ dropdown input aria-label and its preceding span 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 this case, the aria-label text should start with the span content. In English, for instance, this would be ‘Items per page’.
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: