arinchoi03
commented
6 months ago I tried:
- Copying over the exact JS & ERB code (with the classname changes) from the accordion component (which does work as we want) as much as I could...
- Mimicking most of the SCSS from the accordion component
After talking with Devon, he said most screenreaders use Safari, which this implementation does work on. Firefox/Chrome, however, announces the expanded/collapsed state when we tab over the element, but does not when we click/press down on it. I can see in the voiceover window that it tries to announce the state, but its quickly written over by the Button text.
Allows Safari screenreaders to announce expanded/collapsed state of the reveal when clicked/pressed on to open/close
https://www.pivotaltracker.com/story/show/186891325