DEV Community

Cover image for Accessibility for React Developers (Tutorial)
Kristian Freeman for Bytesized Code

Posted on

Accessibility for React Developers (Tutorial)

This video is a talk from Byteconf React 2020, a free, live-streamed React conference that aired on May 1st-2nd, 2020. Join our newsletter at the conference website to stay in the know about future conferences, videos, and more!

UI frameworks/libs are very good for the developer experience. We as developers are focusing on and achieving the checklist of the best web application:

  • Code architecture
  • Clean code
  • performance & best of everything (almost)

But we are forgetting the accessibility. When was the last time you or your testing team tested against the accessibility and raised the issues? In this talk, I will take you through a non-accessible react site and will do the following:

  • How to know accessibility is broken
  • How to debug it (& you can advocate your testing team)
  • How to fix the issues
  • Tips for making sure accessible components/app is getting created
  • Tools
  • Trade-offs

Thanks to Neha Sharma who presented this talk at Byteconf React 2020!

If you enjoyed the video, give it a thumbs-up, and subscribe to our channel for more web dev content every week. We also have a newsletter where we send out what's new and cool in the web development world, every Tuesday – join here!

Discussion (0)