As I reread the last @webaim screenreader survey, I'm struck by:

1. 94.6% respondents reported at least intermediate screenreader proficiency (most said advanced)

2. 98.8% reported at least intermediate internet proficiency (also mostly advanced)
#a11y webaim.org/projects/scree…
Disabled people become power users of our assistive technology out of necessity.

Even if you do #a11y testing, if you don't test like a power user of assistive tech, you're still not reflecting many users' experiences.
As devs, when we scratch the surface of a screenreader without learning it more fully, we can do a lot of harm.

I've seen people put tabindexes on static text to make it focusable because "you couldn't tab to it with a screenreader!"

(Only interactive things should be tabbable)
Or adding hidden phonetic spellings so the screenreader pronounces a word correctly… and forcing refreshable braille display users to read those phonetic spellings.

(Screenreader users are well-acquainted with mispronunciation, and can read character-by-character if they need)
Or cluttering the page with control hints telling users how to use the page, like @aardrian describes below.

These hints often act like users have never experienced a webpage, and often rely on faulty assumptions about how they'll actually use your page.
adrianroselli.com/2019/10/stop-g…
These efforts are well-meaning, but they all make your user experience worse.

It's death by overcorrection, stemming from a lack of understanding of how disabled people actually navigate the web… and a disbelief that disabled people could even use the web.
So, how do we keep from overcorrecting in #a11y and making UX worse?

1. Deeply familiarize yourself with assistive tech such as screenreaders. Learn how beginners and power users alike use these tools.
2. Lean on strong foundations everywhere.

When you use semantic markup, disabled users get familiar, expected, predictable experiences out of the box.

They've used the web before — they know how form elements and landmarks work… and how they work for THEM. No hints needed!
3. Take the time to understand why.

When you receive an #a11y finding or read a WCAG criterion… take the time to understand the UX that it's actually addressing. Who needs this, and why?

(You'd be amazed the wealth of articles out there for each WCAG requirement)

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Ben Myers 🦖

Ben Myers 🦖 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(