Don't Miss: Screen Reader Demonstration
How screen reader software actually “sees” a webpage
If you’ve ever wondered how someone using a screen reader experiences your website, this short demo is one of the clearest ways to understand it.
In this video from UC San Francisco, the presenter goes through a webpage using a screen reader, showing what works well, what gets confusing, and where small decisions in content and structure make a big difference.
It’s straightforward, practical and easy to follow, even if you’ve never encountered screen reader technology before.
Why this matters
Accessibility guidance can sometimes feel abstract, "headings, link text, structure." It’s easy to treat these merely as technical requirements or “best practices.”
But this demo makes it clear: these choices directly shape whether someone can navigate your site efficiently (or at all).
Key takeaways for SiteFarm editors
Here are a few things to watch for as you go through the video:
- Headings are essential for navigation
Screen reader users often move through a page by jumping from heading to heading. Clear, well-structured headings make it possible to scan and understand content quickly. (Quick tips for creating accessible headings.) - Images need meaningful alternative text
When images include helpful alt text, the screen reader can communicate their purpose. Without it, or with vague descriptions, important context is lost. (Alt text guidance from UC Davis Strategic Communications.) - Tables need proper structure to make sense
Screen readers rely on table headers and structure to interpret data. When tables aren’t set up correctly, the content can become confusing or unusable. (How to create accessible tables in SiteFarm.) - What works visually doesn’t always work audibly
A page that looks clear on screen may still be difficult to navigate when read aloud. This demo highlights that difference in a very concrete way. - Small improvements can make a big difference
Simple changes, like fixing a heading, improving alt text, or structuring a table, can significantly improve someone’s experience on your site.
A quick note
You don’t need to master screen readers to improve accessibility. Small, consistent changes like better headings and clearer links can have a real impact right away.
If you take a few minutes to watch this demo you’ll likely start seeing your own pages a little differently and that’s a great place to start.