Skip to content

[Bug Report][3.7.7] The VDataTable ‘Items per page’ input aria-label text does match the visually displayed text #20896

Open
@brendan-nijboer-bw

Description

@brendan-nijboer-bw

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

Image

Image

Metadata

Metadata

Assignees

Labels

C: VDataTableT: bugFunctionality that does not work as intended/expecteda11yAccessibility issue

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions