Accessibility best practice says to change the style of an element base on aria when possible.
Accordion was using an attribute hidden, this PR remove that attribute and update CSS to depend on aria-hidden instead.
(The end result is the same)
How Has This Been Tested?
I tested the Accordion component in storybook, and confirmed accordion panels are shown/hidden.
Checklist:
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[ ] I have commented my code, particularly in hard-to-understand areas
[ ] I have made corresponding changes to the documentation
[x] My changes generate no new warnings
[ ] I have added tests that prove my fix is effective or that my feature works
[x] New and existing unit tests pass locally with my changes
[ ] Any dependent changes have been merged and published in downstream modules
Description
Accessibility best practice says to change the style of an element base on aria when possible. Accordion was using an attribute
hidden
, this PR remove that attribute and update CSS to depend onaria-hidden
instead. (The end result is the same)How Has This Been Tested?
I tested the Accordion component in storybook, and confirmed accordion panels are shown/hidden.
Checklist: