Prices will rise on the 1st of March

Portrait of Sandrina Pereira

Sandrina Pereira Staff Frontend Engineer,

BeJS conf 23

Sandrina is a Staff Frontend Engineer who helps turning ideas into accessible experiences. Within the React ecosystem, she’s been shrinking the gap between Engineering and Product design. Besides her job at, she has been raising awareness of why Web Accessibility is part of our duties as web creators.

Workshop: Web Accessibility in JS Apps

Often we see JavaScript damaging the accessibility of a website. In this workshop, you’ll learn not only how to avoid that, but how to use JS to make your web apps more accessible. We will explore real-world scenarios with hands-on exercises. From finding bugs with the keyboard, learning how ARIA works, exploring the Accessibility Tree and even using a Screen Reader. 

Join me and let me show you how accessibility doesn't limit your solutions or skills. On the contrary, it will make them more inclusive!

Topics we’ll talk about:

* WCAG principles, A11Y myths and ableism

* Screen Readers and ARIA attributes

* The Accessibility Tree

* Hiding techniques

* Custom components

By the end, you will learn:

* How web accessibility benefits everyone

* Understand WCAG principles and how they're organized

* How to identify accessibility gaps, manually and with audit tools.

* Integrate accessibility into your team workflow right away

* Realize that creating accessible websites isn’t as hard as it sounds ;)

Workshop dynamics and materials

My teaching style is very practical. Although the exercises pace will be fast, I don't expect you to complete them on time either. The main goal is to show you new concepts, challenge you to try and think about them, and then spend most of the time in Q&A and demos as we go through the exercises. 

All the materials will be available, including the exercises, solutions, and specific resources for each topic learned. 

Who is this workshop for?

For those who want to feel confident in building websites with accessibility in mind. The topics will be explained with beginners in mind, and sparkle some advanced scenarios in the middle. Even if you already have some experience, you can look at this as a way to solidify your knowledge and fill any existing gaps.


- A modern browser installed. Chrome or Firefox are recommended.

- Comfortable with HTML, CSS, and JS fundamentals.

- The exercises will be in a React project. Don’t let this scare you off because we won’t use any complex React feature. The `useState` feature is the only one used, which is highly convenient to handle DOM updates.

- Bring ear/headphones to use the Screen Reader in the workshop room.

Follow on TwitterFollow on TwitterFollow on Twitter

Other Pro Workshops.

  • Next.js + React Server Components

    11th of May, from 09:00 to 13:00


    Let’s learn: Differences between App Directory and Pages Directory Data Fetching strategies for Server Components How to mix Server Components and Client Components Refactoring from Pages to App

  • Building WebApps That Light Up the Internet with QwikCity

    11th of May, from 14:00 to 18:00


    Discover the Power of QwikCity: the new meta-framework revolutionizing web development. Say goodbye to slow and sluggish web applications. Say hello to instant-on, large-scale applications with unbeatable startup performance.

  • Reactivity with SolidJS

    11th of May, from 14:00 to 18:00


    Join the creator of SolidJS, as he introduces you to SolidJS by focusing on the fundamentals of "Reactivity". Explore the ins and outs of Signals, fine-grained rendering, and even how to create your own reactive system.

  • Public Speaking & DevRel

    11th of May, from 14:00 to 18:00


    Tech conferences and meetups are everywhere nowadays, you've surely received or will one day receive an invitation to deliver a talk at your local community meetup or at the next big conference in Amsterdam, Berlin or Brussels!!! This session, by one of the best tech public speakers ever, will teach you how to become a skilled public speaker

  • Designing For Complex UIs

    11th of May, from 09:00 to 18:00


    Not much can surprise us when it comes to interface challenges. We can design a decent card, a well-rounded accordion, an accessible modal and an exquisite hamburger navigation. But what if there are slightly more complex UX challenges ahead of us? Let's dive deep into dissecting how to solve complex design problems. Whether you’re working on a complex nested multi-level navigation or creating enterprise grade tables, this workshop will give you the tools you need to excel at your work.