design for UX & accessibility
As web workers, be that designers or developers, it is our job to create not only engaging user experiences but also to ensure an all inclusive design and setup. Making sure our content is presented in the most accessible and easy way will liberate our user to use the web freely and without hinderance, a benefit to all.
useful reading & references
- Web Content Accessibility Guidelines (WCAG) 2.0
- WAI-ARIA Overview
- The Accessibility Project
- Beautiful design for everyone, Ann McMeekin Carrier
- Inclusive New Media Design
- Accessible By Design, Andrew Spencer
- juicy studio, Gez Lemon
- HTML5 accessibility, Steve Faulkner
- Accessibility for the modern web, talk by Derek Featherstone
- W3C: Complete List of Web Accessibility Evaluation Tools
- Inclusive Design, Microsoft
- check my colours
- Cynthia says
- Pingdom tools
Very timely for our session, a few weeks ago Smasghing Magazine published a brilliant article, titled How A Screen Reader User Accesses The Web: A Smashing Video ↗ – in which Bruce Lawson introduces a webinar with Léonie Watson. It shows recordings of Léonie using a screenreader to access the web – an excellent demo with insights not only from a blind user nut one with special expertise in dev and accessibility. Make sure to watch in its entirety!
DeBono Group: Six Thinking Hats
Silverback, by clearleft, is a mac-only app which records users via webcam and screencast. In-app tools allow for study and annotations during review. The app is fully functional with watermark, which can be removed for £29.
Hotjar aims to be an all-in-one tool for site testing and analysis: collecting data for heatmaps, recording activity and more. A free, limited account is available for low traffic sites – paid-for accounts are offered for high-traffic sites and longer data storage.
Using one of your online projects – use some of the listed tools to check your work for accessibility issues and let’s discuss possible solutions.
Always bear in mind, of course, that no tool results will ever replace user testing or show a complete list of problems. These tools and checks are great helpers but not easy solution finders.
Best to adopt good practice before you start on your major project :)