How to Code Accessible Gutenberg Blocks: William Patton
Details
Building a custom Gutenberg block that looks polished is easy. Building one that actually works for keyboard and screen reader users in the editor, on the frontend, and in any interactive behavior it adds is where most blocks are overlooked.
This session walks through building an accessible custom block from the ground up across all three of those layers: keyboard and screen-reader support inside the block editor, semantic markup in the rendered frontend output, and correct ARIA Authoring Practices patterns for common interactive block widgets like tabs, accordions, and modals. Plus diving into what the Interactivity API does and doesn’t handle for you automatically.
Thank you to our sponsors:
- Live captions and post-event transcription: Kinsta
- Organizer and host: Equalize Digital Accessibility Checker
- Your Business here! Learn about sponsorship
Event Details:
This meetup will be held at U.S. 8 AM Pacific, which is 10 AM U.S. Central, 4 PM in the UK, and 8:30 PM IST.
RSVP to receive the link.
Accessibility & Accommodations:
This meetup will be held virtually over Zoom and live captioned.
Slide links will be provided when applicable, and presenters are encouraged to make slides as accessible as possible with alternative text for images, etc.
We're working to secure sponsors so that we can offer ASL interpretation.
All are welcome to attend. If you need specific accommodations to make this meetup work for you, please contact an organizer, and we will try our best to accommodate you.
Code of Conduct:
Please note that this group is a welcoming space for all, and all members must follow the WordPress Online Code of Conduct.
By RSVPing to this meetup, you agree to abide by these guidelines. If you have concerns that the Online Code of Conduct is not being followed, please contact an organizer.
