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

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

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions