Demystifying accessibility in React apps | Kateryna Porshnieva

Web Accessibility is nuanced and can be a tough topic to navigate and get right. In this talk, I aim to provide a practical guide to web accessibility in React apps, completed with many interactive examples.
We’ll start with brief introduction to web accessibility as a whole, we will explore the way assistive technology interacts with web pages, how accessibility tree is constructed and used to navigate web content. Then, we’ll go over a few common patterns in React apps and how to implement without compromising accessibility. This is going to be fun!
Kateryna Porshnieva | Buffer
Kateryna is an engineer from Ukraine with 10+ years of experience in UI development and design, currently leading front-end direction at Buffer. She is passionate about accessible web, design systems and making complex things simple. Apart from work, she is active in tech community, organises board game nights and is known as a coffee snob.
github.com/kra...
/ krambertech
This talk was given as a part of React Conf 2024, co-hosted by Meta (www.meta.com) and Callstack (www.callstack..... See more React Conf 2024 talks here: conf.react.dev...
Thank you to React Conf 2024's sponsors:
💎 Diamond Sponsor
Shopify: remix.run/
🏆 Platinum Sponsor
Amazon: developer.amaz...
🥇 Gold Sponsors
Sentry: sentry.io/for/...
MUI: mui.com/?...
Abbott: www.jobs.abbot...
🥈 Silver Sponsors
Redwood: redwoodjs.com
Expo: expo.dev/
🌈 Diversity Sponsor
Vercel: vercel.com