Creating an Accessible Accordion Block
June 17, 2024
Accordions are a great way to organize certain types of content so that your visitors can find what they need quickly. But how do you make them accessible? And how do you make it easy to update in the block editor? Let's put together a solid starting point for creating an accessible accordion that you can use anywhere.
This is the audio from a video recorded, which means there are a few references to what I'm showing on the screen, which is described as it's being shown. Video link is in the show notes.
This was originally recorded as a video, which you can watch on YouTube: https://youtu.be/gcVApPZxVbU
Code Link: https://github.com/queerdevperson/ow-accordion
Example: https://overnightwebsite.com/faq/