DEV Community

loading...
Cover image for Accessibility for React Developers (Tutorial)
Bytesized Code

Accessibility for React Developers (Tutorial)

signalnerve profile image Kristian Freeman ・1 min read

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

pic
Editor guide