A designer's guide to documenting accessibility and user interactions (2022)
stephaniewalter.designSomething I'd love to see more of is documentation that includes video or audio recordings of a screen reader being used with the site or components.
I'd find it so much easier to trust claims that something had been built with screen readers in mind if those claims were accompanied by video evidence of the core flows working with those tools!
You might be interested in guidepup then! I am in the process of integrating it into our playwright tests. Not affiliated, just a user: https://github.com/guidepup/guidepup
That looks great! I like that it covers both NVDA and VoiceOver.
I couldn't find any video or audio examples on the site, but it's possible I didn't look hard enough.
Agreed, I would love that. With how varied screen readers can act between systems and web browsers I would like to have more "good" examples of what screen reader users would expect to encounter and consider a good experience.
Yes, that actually would be helpful. It'd also be a kind of guide for people like me who use screen readers, to show how we're supposed to find things that are supposed to be important on the app.
Really nice UI conversation here. Well presented, easy to digest.