React Advanced 2023 - London

Nested Interactive Elements: An Nightmare in Accessibility

I had the immense pleasure of speaking at this year's React Advance Conference London with my fellow Microsoft coworkers Lorenzo Sciandra, Tiger Oakes, and Maya Shavin!! While I could not be there in person I enjoyed connecting with the virtual attendees and my co-speakers. I especially enjoyed our discussion room session with a fellow accessibility expert Stephanie Shaw and host Pawel Sawicki, there were some really great questions on several points I discussed in my talk "Nested Interactive Elements: An Nightmare in Accessibility" and Stephanie's talk "Thinking Differently About a11y – Accessible Website Design for the Neurospicy".

Thank you Lera Zaitseva and everyone from the GitNation crew for organizing this event and creating a fun virtual experience for attendees. I look forward to joining again in the future!

Talk abstract:

There have been numerous remarkable new UX experiences developed over the years, such as cards displaying an array of products and clickable list items with dynamic menu options, among others. However, only a few are aware of the challenges involved in building these structures with accessibility in mind, and unfortunately, some of them are completely inaccessible.

In today's talk, we will explore some of these prevalent web UX patterns and delve into the hidden challenges they present. While we may be able to mitigate some of these issues, others serve as cautionary tales in accessibility.

React Advanced Conference 2023

LET’S WORK TOGETHER