Ran an internal workshop to help refactor an inaccessible accordion using only HTML, CSS, and Vanilla JavaScript 😄
Â
Â
It covered:
- Using semantic HTML
- Making the accordion operable across a range of input devices (e.g. Keyboard, mouse, assistive tech)
- Creating equivalent experiences for assistive technology users via aria tags
- Using progressive enhancement to ensure all content is perceivable, even if JavaScript is disabled.
The workshop code can be found on GitHub