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

Accessibility for React Developers (Tutorial)

signalnerve profile image Kristian Freeman ・1 min read

Byteconf React 2020 (8 Part Series)

1) Don't do these things when learning to code [video] 2) Accessibility for React Developers (Tutorial) 3 ... 6 3) Web devs: before JavaScript, learn the fundamentals! 4) Simply React | Kent C. Dodds @ Byteconf React 2020 (video) 5) Performant by Default, React Web Apps in 2020 (Video) 6) 5 WAYS TO SPEED UP YOUR GATSBY APP IN A DAY 7) BUILDING REACT FROM SCRATCH in 30 minutes (video) 8) Power Up Gatsby with Auth

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!

Byteconf React 2020 (8 Part Series)

1) Don't do these things when learning to code [video] 2) Accessibility for React Developers (Tutorial) 3 ... 6 3) Web devs: before JavaScript, learn the fundamentals! 4) Simply React | Kent C. Dodds @ Byteconf React 2020 (video) 5) Performant by Default, React Web Apps in 2020 (Video) 6) 5 WAYS TO SPEED UP YOUR GATSBY APP IN A DAY 7) BUILDING REACT FROM SCRATCH in 30 minutes (video) 8) Power Up Gatsby with Auth

Posted on by:

signalnerve profile

Kristian Freeman

@signalnerve

making stuff and teaching coding πŸ€Έβ€β™‚οΈ @cloudflare workers dev experience team 🀠 building @bytesizedcode @byteconf πŸ¦– @_serverless 🎈 producing techno πŸ’ƒ join my mailing list!!

Bytesized Code

We help developers learn to code 😎 Screencasts, tutorials, and Byteconf, a free developer conference series streamed on YouTube!

Discussion

markdown guide