Skip to content

sandrina-p/workshop-a11y-in-js-reactsummit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Accessibility in JavaScript Apps

The web is awesome and everyone should be able to enjoy it.

Hi there! I'm Sandrina Pereira and I believe that making the web accessible is our duty as web creators.


Feedback

💭 At the end of the workshop, I highly appreacite your anonymous feedback.


Setup the workshop

Online

Open the project in Codesandbox and you are ready to go.

Locally

Install Git and NodeJS.

# Clone the repository
git clone https://github.com/sandrina-p/workshop-a11y-in-js-reactsummit

# Go to workshop folder
cd workshop-a11y-in-js-reactsummit

# Install the dependencies
npm install

# Run the project
npm start

Developer extensions

We'll explore some browser extensions:

The ones below we'll use frequently:

At some point, we'll might also use the following:

Screen Readers

We'll explore SR (Screen Reader), however during a remote workshop it's not practical to teach everyone how to use a SR. Here's some friendly video tutorials for you to practice in the meantime:

My favorite cheatsheet of keyboard shortcuts:

I encourage you to practice with this playground.

Tip: While the SR is speaking, press Control key to force it to stop reading it. This might help you to reduce the annoying/frustration feeling while exploring it.

Good luck 🤞


Copyright

© 2022 Sandrina Pereira, All Rights Reserved.