MacOS has a VoiceOver tutorial.

It’s pretty eye-opening (heh) to do it and then try to use your websites.

Before you even get to aria labels, you’ll find a lot of things to fix like:

- Add or remove components from tabindex

- Esc should close the modal or the slide-out sidebar

- Closing the sidebar/modal should return focus to the button the user toggled to open it (this one is huge for UX)

I recommend it. These things are useful for keyboard nav in general.

What’s frustrating is you basically are required to use JS when basic css and html would normally work. There’s been some improvements thanks to the dialog and popover apis but it’s still not fully there yet.

Also seems the large companies that have to have compliance only care about it from a legal standpoint and are fine with just making the tests pass from whatever compliance company they use.

I'll add focus the first input field, or the error section at the top, when full-form validation fails. And related, don't allow modals to render buttons off-screen when text/display zooming is maxed out on mobile devices (personally see this a lot).