A11y addon: Reverse the label and description content in the Accordion

[MichaelArestad]

Problem

1. The most clear and concise description of an A11y test is hidden until the accordion is open.
2. Many, if not all, of the current labels in the AccordionHeader start with "Ensures" making it more difficult to scan and is slightly confusing.

Proposal

I believe both the AccordionHeader content and the description content are provided via an API so I don't want to edit the copy. Instead, I propose we swap where each bit of copy is located. You can see my proposal in the above image.

Are you able to assist to bring the feature to reality?
Yep!

┆Issue is synchronized with this Asana task by Unito

[harshsingh941]

I like to work on this project .So can i start ??

[MichaelArestad]

@harshsingh941 Please! I will be happy to review.

[harshsingh941]

I am working on this for the first time . So I am not able to locate where this labels are in the code can you help me?

[MichaelArestad]

@harshsingh941 I'm sorry for the slow response. There is a PR open that you can look at to see where the labels are: #15466

[MichaelArestad]

Fixed in #15466

[shilman]

Jiminy cricket!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.4.0-alpha.11 containing PR #15466 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there's still more to do.