DiscoverDecoding AccessibilityCreating an Accessible Accordion Block
Creating an Accessible Accordion Block

Creating an Accessible Accordion Block

Update: 2024-06-17
Share

Description

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/

Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

Creating an Accessible Accordion Block

Creating an Accessible Accordion Block

Kinetic Iris