Skip to content
Artwork for Decoding Accessibility
Decoding Accessibility · Jun 17, 2024 · 24 min

Creating an Accessible Accordion Block

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 recorded video, which means there are a few references to what I'm showing on the screen, which is described as it's being shown. - Code Link: https://github.com/queerdevperson/ow-accordion - Example: https://overnightwebsite.com/faq/

0:00-24:38

transcript

No transcript — this publisher did not publish one.

show notes

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 recorded video, which means there are a few references to what I'm showing on the screen, which is described as it's being shown.

- Code Link: https://github.com/queerdevperson/ow-accordion

- Example: https://overnightwebsite.com/faq/

links3