Skip to content

[Bug Report][3.7.0] aria-current="page" should be defined on active links in addition to active classes #20399

Closed
@paul-thebaud

Description

Environment

Vuetify Version: 3.7.0
Vue Version: 3.4.38
Browsers: Chrome 128.0.0.0
OS: Linux x86_64

Steps to reproduce

Create two links inside a project using Vuetify and Vue Router while being on home page:

  • <router-link to="/">Home</router-link>
  • <v-btn to="/">Home</v-btn>

Expected Behavior

Both links should get the aria-current="page" attribute.

Actual Behavior

Only router-link is getting the aria-current="page" attribute.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

I know reproduction does not show the problem because no vue router is defined.
I'm sorry I didn't had the time to setup a real repo.

Metadata

Assignees

No one assigned

    Labels

    T: bugFunctionality that does not work as intended/expecteda11yAccessibility issue

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions