这是indexloc提供的服务,不要输入任何密码
Skip to content

accessibility / aria issue in vue devtools button #928

@wbolster

Description

@wbolster

when using axe devtools via its chrome browser extension to check for accessibility issues on a page, there is a complaint about the vue devtools:

Issues: 1
Ensure ARIA attributes are not prohibited for an element's role
https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=AxeChrome

Element Location: .vue-devtools__anchor-btn

<div data-v-640ec535="" class="vue-devtools__anchor-btn panel-entry-btn" title="Toggle Vue DevTools" aria-label="Toggle devtools panel" style="filter: saturate(0);"

To solve this problem, you need to fix the following:

aria-label attribute cannot be used on a div with no valid role attribute.

screenshot:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions