A Guide to Accessible Interactive Components using React Libraries

Content Warning: This blog post contains gifs. I’ve wanted to write this blog post ever since I wrote a11y and JS – A Seemingly Unconventional Romance . I love JavaScript, and my job is to code in React. I often observe folks (rightly) critique that R…


This content originally appeared on a11y with Lindsey and was authored by a11y with Lindsey

Content Warning: This blog post contains gifs. I’ve wanted to write this blog post ever since I wrote a11y and JS - A Seemingly Unconventional Romance . I love JavaScript, and my job is to code in React. I often observe folks (rightly) critique that React Apps are inaccessible. According to the WebAIM Million report , “the adoption of React corresponded with 5.7% more accessibility errors than the average home page.” WebAIM Million tests the sample using the WAVE stand-alone API. The WAVE tool catches all crawlable issues, which don't involve a ton of interactivity. I’m not going to use this blog post to talk about those issues. If you’re interested in learning more about that, I’ve created an Email Course on the topic. There are two points that I want to drive home about…


This content originally appeared on a11y with Lindsey and was authored by a11y with Lindsey


Print Share Comment Cite Upload Translate
APA
a11y with Lindsey | Sciencx (2022-09-29T21:12:25+00:00) » A Guide to Accessible Interactive Components using React Libraries. Retrieved from https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/.
MLA
" » A Guide to Accessible Interactive Components using React Libraries." a11y with Lindsey | Sciencx - Friday May 29, 2020, https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/
HARVARD
a11y with Lindsey | Sciencx Friday May 29, 2020 » A Guide to Accessible Interactive Components using React Libraries., viewed 2022-09-29T21:12:25+00:00,<https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/>
VANCOUVER
a11y with Lindsey | Sciencx - » A Guide to Accessible Interactive Components using React Libraries. [Internet]. [Accessed 2022-09-29T21:12:25+00:00]. Available from: https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/
CHICAGO
" » A Guide to Accessible Interactive Components using React Libraries." a11y with Lindsey | Sciencx - Accessed 2022-09-29T21:12:25+00:00. https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/
IEEE
" » A Guide to Accessible Interactive Components using React Libraries." a11y with Lindsey | Sciencx [Online]. Available: https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/. [Accessed: 2022-09-29T21:12:25+00:00]
rf:citation
» A Guide to Accessible Interactive Components using React Libraries | a11y with Lindsey | Sciencx | https://www.scien.cx/2020/05/29/a-guide-to-accessible-interactive-components-using-react-libraries/ | 2022-09-29T21:12:25+00:00
https://github.com/addpipe/simple-recorderjs-demo