Accessibility-flavored React components make your design system delicious!

A presentation at Codemotion Online 2020 by Kathleen McMahon

Accessibility-flavored React components make your design system delicious

Accessibility-flavored React components make your design system delicious

Design Systems are a popular way to bake your product. An often-missing ingredient, however, is accessible UI components. In this talk, you’ll learn the recipe for a delectably inclusive design system by mixing accessibility flavor into some commonly-used React components including icons, buttons, and inputs. You’ll also learn how to spice up your design system’s documentation with approachable, accessibility best-practices guidance including interactive examples, and component dos and don’ts. Even if you’ve never seen React before, join me to learn how to make your design system delicious.

Code

The following code examples from the presentation can be tried out live.