Topics include:<ul><li>How modern JS frameworks have made the web less accessible</li><li>How Reach UI is making it easier for people to build accessible components without sacrificing customizability</li><li>The importance of using the correct markup</li><li>How focus trapping works</li><li>Adding keyboard navigation to components in a way that makes sense for screenreader users</li><li>The challenges of building an accessibility-focused UI library</li></ul>Sponsors:<ul><li><a href="https://rollbar.com/fullstackradio">Rollbar</a>, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days</li><li><a href="https://cloudinary.com/users/register/free?utm_source=fullstackradio&amp;utm_medium=Sponsored_Podcast&amp;utm_content=fullstackradio_PodCast">Cloudinary</a>, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free</li></ul>Links:<ul><li><a href="https://ui.reach.tech">Reach UI</a></li><li><a href="https://github.com/necolas/react-native-web">React Native for Web</a></li><li><a href="https://www.w3.org/TR/wai-aria-practices-1.1/">WAI-ARIA Authoring Practices</a></li><li><a href="https://www.apple.com/ca/accessibility/mac/vision/">VoiceOver</a></li><li><a href="https://www.nvaccess.org/download/">NVDA</a></li><li><a href="https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L121-L140">Hiding elements visually but not from screenreaders</a></li><li><a href="https://reach.tech/workshops">Ryan's Advanced React Workshop Tour</a></li><li><a href="https://reach.tech/courses">Ryan's Online React Courses</a></li></ul>

In this episode Adam talks to Ryan Florence about the challenges of making custom UI components accessible, and how Ryan is trying to make that easier with Reach UI.

Full Stack Radio

97: Ryan Florence - Building Accessible UI Components