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. https://github.com/krambertech https://twitter.com/krambertech This talk was given as a part of React Conf 2024, co-hosted by Meta (https://www.meta.com) and Callstack (https://www.callstack.com/). See more React Conf 2024 talks here: https://conf.react.dev/talks Thank you to React Conf 2024's sponsors: 💎 Diamond Sponsor Shopify: https://remix.run/ 🏆 Platinum Sponsor Amazon: https://developer.amazon.com/apps-and-games?cmp=US_2024_05_3P_React-Conf-2024&ch=prtnr&chlast=prtnr&pub=ref&publast=ref&type=org&typelast=org 🥇 Gold Sponsors Sentry: https://sentry.io/for/react/?utm_source=sponsored-conf&utm_medium=sponsored-event&utm_campaign=frontend-fy25q2-evergreen&utm_content=logo-reactconf2024-learnmore MUI: https://mui.com/?utm_source=conf.react.dev&utm_medium=referral&utm_campaign=sponsor2024&utm_content=sponsorslist Abbott: https://www.jobs.abbott/software 🥈 Silver Sponsors Redwood: https://redwoodjs.com Expo: https://expo.dev/ 🌈 Diversity Sponsor Vercel: https://vercel.com