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 websites and apps? How can 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
-
•
Screen reader users consume web pages by skimming headings and landmarks, not reading linearly like audiobooks.
-
•
NVDA screen reader is open source and developed primarily by blind users, demonstrating inclusive design.
-
•
Screen readers are highly customized by users; almost no one uses default settings.
-
•
Semantic HTML landmarks enable quick navigation to relevant page sections, reducing cognitive load.
-
•
Web applications like Google Docs need ARIA application roles and custom hotkeys to manage complex interactions.
-
•
Consistency across a website’s page structure is crucial for efficient screen reader use.
-
•
Mobile apps are gaining popularity among blind users for tasks with limited typing, but desktop remains preferred for heavy typing.
-
•
Learning specialized hotkeys is acceptable if the user frequently returns to that application; infrequent apps should avoid them.
-
•
Partnering with grassroots accessibility organizations fosters trust and helps recruit diverse screen reader users.
-
•
Properly coded tables using semantic HTML enable screen readers to provide meaningful navigation and context.
Notable Quotes
"I can’t remember a day when there wasn’t a talking computer in my house."
"Screen reader users don’t listen to a web page like a podcast, it’s a very forward-leaning interactive experience."
"Most people listen to 250 words per minute; I often listen at 400 to 800 words per minute."
"Every assistive technology is not one size fits all, there are thousands of options to configure."
"Landmarks are like physical landmarks but for web pages, marking content roles for screen reader users."
"The more complicated a web app becomes, the more necessary the ARIA application attribute is."
"Mobile apps simplify design because of less screen real estate, which benefits all users including those using assistive technology."
"The real problem is asking me to learn specialized hotkeys for an application I only use once a year."
"Consistency is very important so what you learn on one page applies to all pages on that website."
"If you partner with grassroots organizations, they can help not only with recruiting but trust building and getting your name out there."
Or choose a question:
More Videos
"Building a customer empathy map with thinking, feeling, hearing, and seeing quadrants helps teams understand different perspectives."
Ross SmithBreaking Barriers with Empathy
June 9, 2017
"We are a B2D company – business to dog – making technology so dogs can speak English to people and each other."
Kevin M. HoffmanTheme 2: Enterprise Team Journey
June 3, 2019
"If you’re amazing at your job but no one listens to your research or design, does it really have impact?"
Ian SwinsonDesigning and Driving UX Careers
June 8, 2016
"Screen curtain blanks the screen for privacy and battery life, so no one can look over my shoulder."
Sam ProulxUnderstanding Screen Readers on Mobile: How And Why to Learn from Native Users
October 2, 2023
"We unapologetically move forward when high-level stakeholders miss deadlines, but also collect feedback via surveys."
Briana Thomas Christina RodriguezWhen Design Ops Comes in H.O.T. : A Tale of a Transformed Design Org
September 30, 2021
"Tracking implementation commitments after each design network group keeps momentum and accountability."
Prerna MakanawalaAchieving Balanced Design Consistency
June 9, 2021
"Our tool is not partial to Sketch — we support Adobe XD and will soon support Figma, enabling flexible integration in design workflows."
George Abraham Stefan IvanovDesign Systems To-Go: Reimagining Developer Handoff, and Introducing App Builder (Part 2)
October 1, 2021
"After redesign, the bank’s application ease of use improved, task success went up, and time on task dropped by a full minute."
Dana Bishop2022: The Year UX Demonstrates its Business Impact
March 11, 2022
"For OKRs to work, incentives have to focus on learning, customer centricity, and evidence-based decision making, not just delivery."
Jeff GothelfWho does what by how much?
November 20, 2025