fix(VExpansionPanel): remove duplicate aria-expanded

[marjev]

fixes #15514

Description

Markup:

<template>
  <v-app>
    <v-container>
      <v-expansion-panels>
        <v-expansion-panel
          v-for="i in 3"
          :key="i"
          title="Item"
          text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        />
      </v-expansion-panels>
    </v-container>
  </v-app>
</template>

[KaelWD]

Don't just remove the attribute to make your validation tool pass, make it work in a screenreader

[marjev]

@KaelWD I've tested with VO on Safari and it works because there is a child button that actually contains the aria-expanded. With which screen reader did you test this?

VExpansionPanelTitle is the component which contains aria-expanded. Which WCAG criterion are you trying to meet with this concrete aria-expanded which I removed?

Thanks for clarifying. I hadn't tested this yet, it appeared to just be a low effort "delete the thing making my tool complain" which we get a lot of. If VExpansionPanelTitle already has aria-expanded then yeah this is probably good.

[marjev]

@KaelWD thank you for following up. I can check with my QA team tomorrow to verify that it also works on the following:

• NVDA + Firefox
• JAWS + Chrome

Let me get back to you on those. I want to ensure that I don't accidentally introduce a new issue.

[KaelWD]

Looks alright in NVDA + Chrome