When I talk with fellow web designers and developers about user interfaces and accessibility, they want to learn more.
They acknowledge it’s something they think about for their web projects. And they want to make sure their websites and applications can be used by everyone on the web.
Then they ask me the same question:
Can you show me an example of an accessible user interface?
Like many things in web work, it’s a lot easier to show than tell. Thanks to Marcy Sutton, I now have a new site I can show my colleagues.
Accessibility Wins: A Showcase of Accessible User Interfaces
Accessibility Wins is a Tumblr blog with the goal of showcasing accessible user interfaces on websites and applications.
Created by Marcy Sutton, the blog launched last week. Each post has a brief description about the accessibility in the user interface (UI) pattern, website, or application.
Sutton works on Material Design for Angular at Substantial. She speaks regularly at conferences and is a co-leader of Girl Develop It Seattle.
She’s active in the web accessibility community and describes herself on her website:
I’m a web developer on a mission to improve our world for people with disabilities–and to have fun while doing it.
As of early this afternoon, Accessibility Wins had already gathered great examples of:
- Navigation
- Skip navigation
- Responsive web design
- Screen reader application
- SVG screen reader
While I was finishing writing this post, Sutton added the example of drag and drop list reordering used on the DrinkDistiller website.
Share Your Knowledge
The Accessibility Wins site is a community effort. Sutton invites you to submit a win—share your favorite accessible user interface pattern, website, or application.
I’m checking my Evernote files to see what UI patterns I can submit to Marcy’s site. I hope you have some to submit as well; her site can be a great resource for all of us.
