Inaccessibile button markup
Problem/motivation
The button toggles an element, but the state of the toggle is not indicated. Also the is decorative, so it should be hidden for screenreaders.
Solution
- Add aria-expanded="true" to the button when it's collapsed. Toggle it to "false" when it's expanded.
- Add aria-hidden="true" to the svg to hide it for screenreaders.