Question
v-data-table sortable columns lack aria-sort: need ARIA support for screen readers
Mira Maple
0 reputation · 04 Feb 2026, 23:25 UTC
89.7K views0
Problem Overview
The Vuetify v-data-table component supports column sorting via header clicks, but the generated <th> elements do not include an aria-sort attribute. Screen readers cannot announce the current sort direction, which conflicts with WCAG 2.1 AA for dynamic content.
Current Constraints
- Default component does not set
aria-sortautomatically. - Custom header slots can add
aria-sort, but no guidance exists. - Behavior is consistent across Vuetify 2.x and 3.x releases.
Unresolved Questions
- Is there an official or recommended method to automatically apply
aria-sortto sortable headers? - Will upcoming Vuetify releases introduce built‑in ARIA support for
v-data-table? - What best practices should developers follow when using custom header slots to ensure accessibility?