Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][2.6.7] Expansion Panel uses aria-expanded attribute on a div #15514

Closed
marjev opened this issue Jul 26, 2022 · 1 comment · Fixed by #17284
Closed

[Bug Report][2.6.7] Expansion Panel uses aria-expanded attribute on a div #15514

marjev opened this issue Jul 26, 2022 · 1 comment · Fixed by #17284
Labels
a11y Accessibility issue C: VExpansionPanels VExpansionPanels T: bug Functionality that does not work as intended/expected
Milestone

Comments

@marjev
Copy link
Contributor

marjev commented Jul 26, 2022

Environment

Vuetify Version: 2.6.7
Vue Version: 2.7.7
Browsers: Chrome 103.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

  1. Install a tool similar to Axe DevTools. Alternatively, add a Vuetify expansion panel into a Storybook story and install the Accessibility addon.
  2. Screen a page that includes an Expansion panel.

Expected Behavior

a11y screening shouldn't fail on the following criteria.
The button should be the element that has aria-expanded attribute.

Actual Behavior

Div element wrapping an expansion panel (div with the v-expansion-panel class on it) has aria-expanded attribute attached to it.

Reproduction Link

https://codepen.io/marjev/pen/MWVvRmm

Other comments

See this Vanilla JS example which demonstrates HTML which doesn't fail this screening.

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected a11y Accessibility issue C: VExpansionPanels VExpansionPanels and removed S: triage labels Aug 1, 2022
@Harm-Nullix
Copy link

This is also the case in the NEXT.vuetify:
image

    "axe-core": "4.6.3"
    "vuetify": "3.1.4"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility issue C: VExpansionPanels VExpansionPanels T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants