generated from RicardoMorato/InclusiveMarket
-
Notifications
You must be signed in to change notification settings - Fork 0
Accessibility Learnings
Ricardo Morato Rocha edited this page Feb 23, 2023
·
1 revision
-
Focus:
- should move to either the first link or the close button.
- How to use React refs to focus on elements: createRef(), focus()
-
When using Voiceover in Chrome, you can only click on buttons using "space" (not
ctrl + option + space
as voiceover suggests for MacOS users) -
You can navigate to read the images' alt text and text elements using
ctrl + option + arrow
-
Use HTML tags (e.g: roles) to find components when testing (instead of
test-id
) to care for accessibility.
This project was created in partnership with @JuBrito in order to learn (and teach) more about accessibility, and how to create awesome tech products with accessibility first in mind!