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
-
•
Screen reader users do not navigate web pages linearly like listening to a podcast; they jump between semantic landmarks like headings and regions.
-
•
Assistive technology settings are heavily customized by users and rarely used in their default configurations.
-
•
Proper semantic HTML usage is critical because screen readers rely on code structure, not visual styling.
-
•
Hover-only interactive elements are inaccessible unless they provide keyboard-accessible alternatives or are always visible.
-
•
Moving keyboard focus programmatically is essential for announcing changes like expanded menus or dialog pop-ups to screen reader users.
-
•
ARIA attributes like aria-pressed and aria-expanded communicate visual state changes to assistive technologies.
-
•
Error messages for form validation must be concise when announced automatically but allow users to get details at their own pace.
-
•
Custom hotkeys must be designed carefully to work well with screen reader interception and consider user familiarity.
-
•
Screen readers can use different voice profiles for metadata, but these are user-controlled settings, not controlled by websites.
-
•
Accessibility responsibility should be distributed across design, development, and content teams, not isolated to one person.
Notable Quotes
"The experience that I’m having is probably 10 times faster than the experience of having the voice at a slower speed."
"Assistive technology is not a one-size-fits-all solution."
"We’re not going to start from the top. We’re going to use headings and landmarks to quickly scan a webpage."
"If something is only visible via hover, it needs to be visible to the screen reader at all times or have an alternative."
"If you press a button and the semantics haven’t changed or the focus hasn’t moved, as far as I’m concerned, nothing has happened."
"It can be very useful to put key status information, like new messages, into the page title so screen readers can alert users automatically."
"Visual states like an upvote button being pressed must be communicated with ARIA attributes or focus changes."
"Accessibility has to be distributed throughout the team — it can’t be just one person’s responsibility."
"There’s a balancing act with error messages: short enough to be processed immediately, detailed enough to explore as needed."
"Screen reader hotkeys can intercept keys, so when creating custom hotkeys, you have to ensure they work smoothly for screen reader users."
Or choose a question:
More Videos
"A kickback is a free flowing and life giving gathering that transforms and electrifies throughout the night."
Zariah CameronReDesigning Wellbeing for Equitable Care in the Workplace
September 23, 2024
"Individuals tend to confuse prioritization with personal productivity or time management."
John Cutler Harry MaxPrioritization for designers and product managers (1st of 3 seminars) (Videoconference)
June 13, 2024
"Inviting people from other disciplines to experience user research helped Felipe see why user experience matters."
Nick CochranGrowing in Enterprise Design through Making Connections
June 3, 2019
"Use pilots as a tool to get buy-in from stakeholders and provide evidence for why change might be needed."
Deanna SmithLeading Change with Confidence: Strategies for Optimizing Your Process
September 23, 2024
"Don’t automatically dismiss paper forms—they often contain simplifications that accelerate digital service design."
Magdalena ZadaraZero Hour: How to Get Far Quickly When Starting Your Digital Service Unit Late
November 16, 2022
"Be the one who picks up the sharpie first, especially if you’re in a leadership position."
Nova Wehman-BrownWe've Never Done This Before
June 4, 2019
"We human researchers can help go way beyond proxy metrics such as button clicks and provide true validation of model accuracy."
Liwei DaiThe Heart and Brain of the AI Research
March 31, 2020
"Flexibility is the network’s ability to reconfigure itself, scalability is ability to expand or shrink, survivability is withstand attacks because codes exist across nodes."
Gordon Ross12 Months of COVID-19 Design and Digital Response with the British Columbia Government
December 8, 2021
"People will forget what you said, people will forget what you did, but people will never forget how you made them feel."
Tutti TaygerlyMake Space to Lead
June 12, 2021