USWDS-Site - Bug: Accordion state not reading accurately in JAWS

[amycole501]

Describe the bug

The audible announcement of the "expanded" and "collapsed" state of the accordions on the component pages says "to activate press enter". It Should say "Expanded" or "collapsed".

Here is a screen recording of the accordion in use on a component pages vs. the accordion example.

This issue is only evident in JAWS. It announces correctly in NVDA.

Steps to reproduce the bug

1. Go to https://designsystem.digital.gov/components/accordion/
2. Open JAWS (if you have it)
3. Open the "component preview" accordion. Hit enter to close the accordion. Hit enter again to open it.
4. Listen for "to activate press enter"

Expected Behavior

JAWS should say "collapsed" and "expanded".

It does say this in the actual component example that's inside the accordion.

Screenshots

No response

System setup

PC
Desktop
Chrome
JAWS

Additional context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct.
• I checked the current issues for duplicate bug reports.

[amyleadem]

@amycole501 @alex-hull Can you test this with JAWS in our Storybook instance so that we can figure out if it is happening with the base code? Here are the related links:

• Accordion component - default (Storybook)
• Accordion component - mulitselect (Storybook)

[amycole501]

Both storybook items announce "expanded" and "collapsed"

[amycole501]

Also, checked the accordion on vote.gov and it sounds good as well. I hear 'expanded' and 'collapsed'. https://vote.gov/

[alex-hull]

Checked on USA.gov and they read correctly as well. Tested on USWDS' site on component preview accordions for button and date picker and they are reading "to activate press enter" after the first keyboard interaction.

[brunerae]

Assigning to next Sprint so we can fully understand the bug and begin to wrap our heads around a possible solution.