RRU 066: Accessibility is not a “React Problem” with Leslie Cohn-Wein




React Round Up show

Summary: <h2><strong>Sponsors</strong></h2> <ul> <li><a href="https://www.netlify.com/">Netlify</a></li> <li> <a href="http://sentry.io/">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan</li> <li> <a href="https://triplebyte.com/react">Triplebyte</a> offers a $1000 signing bonus</li> <li><a href="https://www.cachefly.com/">CacheFly</a></li> </ul> <h3><strong>Panel</strong></h3> <ul> <li>Dave Ceddia</li> <li>Thomas Aylott</li> </ul> <p>Joined by Special Guest: Leslie Cohn-Wein</p> <h3><strong>Summary</strong></h3> <p>Leslie Cohn-Wein joins the panel to discuss accessibility. She explains how she got passionate about accessibility. The panel discusses what you have to do to become accessible. Leslie brings up divs and explains how these get in the way of accessibility. The panel discusses roles; Leslie explains what roles does and how to use roles. Accessible testing is discussed and Leslie shares some resources for testing your sites for accessibility. The panel discusses ways to make sites more accessible and how doing something is better than doing nothing. Leslie advises having an accessibility champion on your team whose job it is to think about how to make sites and apps for accessible. The panel discusses the importance of accessibility and how accessibility changes the lives of disabled users.</p> <h3><strong>Links</strong></h3> <ul> <li><a href="https://www.w3.org/WAI/standards-guidelines/wcag/">https://www.w3.org/WAI/standards-guidelines/wcag/</a></li> <li><a href="https://www.npmjs.com/package/eslint-plugin-jsx-a11y">https://www.npmjs.com/package/eslint-plugin-jsx-a11y</a></li> <li><a href="https://github.com/reakit/reakit">https://github.com/reakit/reakit</a></li> <li><a href="https://reach.tech/router">https://reach.tech/router</a></li> <li><a href="https://reactjs.org/docs/accessibility.html">https://reactjs.org/docs/accessibility.html</a></li> <li><a href="https://www.tobii.com/">https://www.tobii.com/</a></li> <li><a href="https://ofone.co/">https://ofone.co/</a></li> <li><a href="https://twitter.com/lesliecdubs">https://twitter.com/lesliecdubs</a></li> <li><a href="https://www.facebook.com/React-Round-Up-297859274397129/">https://www.facebook.com/React-Round-Up</a></li> </ul> <h3><strong>Picks</strong></h3> <p><strong>Dave Ceddia:</strong></p> <ul> <li><a href="https://egghead.io/courses/start-building-accessible-web-applications-today">https://egghead.io/courses/start-building-accessible-web-applications-today</a></li> <li> <a href="https://egghead.io/lessons/tools-building-forms-with-accessibility-in-mind">https://egghead.io/lessons/tools-building-forms-with-accessibility-in-mind</a> \</li> <li><a href="https://www.amazon.com/Company-One-Staying-Small-Business/dp/1328972356/ref=sr_1_1?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">Company of One: Why Staying Small Is the Next Big Thing for Business</a></li> </ul> <p><strong>Thomas Aylott:</strong></p> <ul> <li><a href="https://www.amazon.com/Journey-Starlight-Travelers-Universe-Everything/dp/1935548239/ref=sr_1_1?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">Journey By Starlight: A Time Traveler's Guide to Life, the Universe, and Everything</a></li> <li><a href="https://www.amazon.com/Photoviz-Visualizing-Information-through-Photography/dp/3899556453/ref=sr_1_1?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">Photoviz: Visualizing Information through Photography</a></li> </ul> <p><strong>Leslie Cohn-Wein:</strong></p> <ul> <li><a href="https://www.udacity.com/">https://www.udacity.com/</a></li> <li><a href="https://inclusive-components.design/">https://inclusive-components.design/</a></li> <li><a href="https://www.modsy.com/">https://www.modsy.com/</a></li> </ul>