Designing For Screen Readers: Understanding the Mental Models and Techniques of Real Users
Summary
Starting out with a ten-minute live demo from an expert screen reader user, Samuel Proulx will introduce you to not only how they work, but the thought processes behind using the Internet with a screen reader. What are some of the most important things to take into account when attempting to construct a mental model of a screen reader user? How do these effect the way you think about designing for accessible, public use? How can civic designers learn to move beyond thinking visually, to create designs that work for everyone? After this introduction, the floor will open to your questions! If you have burning questions about how people who are blind use the Internet, or what design patterns work best and why or why not, this is your chance! Ask any question at all in an open, safe learning environment.
Key Insights
-
•
Using assistive technology like screen readers is a skill that requires significant training and practice.
-
•
Screen readers navigate web pages by jumping between semantic elements like headings rather than reading everything sequentially.
-
•
Default out-of-the-box settings for screen readers do not reflect the experience of expert users, who heavily customize them.
-
•
Hover-only interface elements are inaccessible to screen reader users who rely on keyboard navigation.
-
•
Visual states such as pressed buttons must be communicated through ARIA attributes or focus changes for screen reader users.
-
•
Dialogs and dynamic content must manage focus properly to notify screen reader users of changes.
-
•
Screen reader users rely on short, immediate alerts for form errors and can explore more detailed messages at their own pace.
-
•
Custom hotkeys for applications should be designed considering frequency of user interaction and the complexity of memorization.
-
•
Accessibility must be a shared responsibility, integrated across design, development, and content rather than siloed.
-
•
Screen reader users can customize voice profiles and settings, meaning one-size-fits-all accessibility assumptions are flawed.
Notable Quotes
"It is very difficult for somebody who has never used assistive technology to have the same experience as someone who uses it daily for everything."
"The experience of using a screen reader is probably 10 times faster as you become more expert with it."
"Screen readers navigate based on the code and semantics, not on visual layout or appearance."
"If something is only visible on hover, it either needs to be visible to screen readers at all times or have an alternative way to access it."
"When you press a button like an upvote, it’s the developer’s job to make sure the visual state is communicated via ARIA landmarks."
"Focus changes are critical to inform screen reader users when dialogs open or content changes."
"Errors in form fields should alert users immediately but also allow them to explore details at their own pace to avoid cognitive overload."
"If you’re designing a site used infrequently, don’t overload it with custom hotkeys that are hard to memorize."
"Accessibility is not just one person’s responsibility; it must be distributed through the whole product team."
"Screen reader users control how metadata or tooltip voices are played, it’s a personal setting, not dictated by web designers."
Or choose a question:
More Videos
"Assistive technology has to communicate with the destination, that’s your website or product."
Sheri Byrne-HaberAccessibility at Scale
June 9, 2021
"Empathy isn't just kindness, it's the lens through which we see users' true motivations."
Prayag Narula Hannah HudsonEmpowering Designers to do Good Research
March 11, 2022
"Inclusive research means building for diverse people, not just for ourselves or a narrow segment."
Janelle EstesUX Research Trends
January 28, 2021
"If you are spinning trying to make words work over and over, you likely have an interaction problem, not a word problem."
Craig Brookes Andreas Huebner Morgan Quinn"Just Make it Look Good" and Other Ways We're Misunderstood
June 11, 2021
"If you don’t feel connected and you’re standing alone, the challenge looks much bigger."
Marc Fonteijn Ru ButlerIncrease your confidence, influence, and impact (through a Professional Community)
December 3, 2024
"The issue is not research ops being more organized researchers — the problems and scale are very different."
Kate TowseyThe State of ResearchOps: More Than Just Theory
June 20, 2019
"Connection means feeling seen, heard, and valued; that’s what creates psychological safety."
Alla WeinbergDesign Teams Need Psychological Safety: Here’s How to Create It
September 9, 2022
"Designers contribute experimental patterns back to the design system early, making their work visible even before full validation."
Shawna Hein Kevin HoffmanCreate a Cohesive Civic Design Practice Across Agency, Vendors, and Contracts
November 17, 2022
"Positive mutual regard helps uncover root causes behind people’s behaviors to build collaboration rather than combat."
Tricia WangSCALE: Discussion
June 15, 2018
