But with the right approach, you can make even the most complex UI patterns accessible and reusable across your application. This developer-focused session dives into common UI pitfalls and quick wins—from icon buttons, focus outlines, and color contrast, to accessible forms and validation messages.

We’ll then go deeper into more advanced patterns, exploring how to implement a fully accessible single-select combo box and modal dialog using React. Along the way, we’ll follow the “Rule of ARIA” (use it only when native HTML isn’t enough), discuss how to handle keyboard interactions, aria-activedescendant, and focus management, and share practical accessibility testing tools that will help you verify your components work as expected for all users. You’ll walk away with practical code examples, reusable patterns, and testing techniques that ensure your UI components work seamlessly for keyboard and screen reader users.

Takeaways:

• Quick accessibility fixes for common UI issues
• How to build reusable accessible components
• Best practices for complex widgets like combo boxes & dialogs
• Which accessibility testing tools to use and how to integrate them into your development process