Adam Wathan

Technika

97: Ryan Florence - Building Accessible UI Components

Full Stack Radio

A podcast for developers interested in building great software products. Every episode, Adam Wathan is joined by a guest to talk about everything from product design and user experience to unit testing and system administration.

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&utm_medium=Sponsored_Podcast&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>

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&utm_medium=Sponsored_Podcast&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>

Aplikace Youradio Talk

97: Ryan Florence - Building Accessible UI Components

Poslechněte si podcast