The Velvet Rope - making user experience accessible
?
3 likes?2,067 views
There is little use in compliance with accessibility standards if your audience is unable to use your product. Accessibility is not just about meeting the standards. It’s not just a developer’s sport. Or an exercise in quality assurance. It’s about equivalent user experience for people with different abilities. How we get there can be as innovative and creative as you want as long as the principles of accessible user experience are honoured.
The Velvet Rope - making user experience accessible
- 1. The velvet rope Henny Swan @iheni
- 2. This talk we given at NUX5, 2016. For notes accompanying the slides please download as a PDF. Images should all be accessible, and video is described in the note.
- 3. Colin late 60s retired EastEnders fan iPlayer user blind screen-reader user
- 6. Duplicated links to the same page
- 7. Primary content far down in the content order
- 9. What do these issues have in common?
- 10. They are not accessibility issues.
- 11. What does a disabled person want? compliance with WCAG support for WAI ARIA page validation an accessibility policy Said nobody, ever!
- 13. “Applying accessibility techniques to an unusable site is like putting lipstick on a pig. No matter how much you apply, it will always be a pig.” —Lipstick on a Usability Pig, Jared Smith
- 14. “It pains me to say this but web developers may not be the most important people when it comes to making accessible websites and apps.” —Ian Pouncey
- 15. Guidelines focus on… code over design output over outcome compliance over experience
- 16. Guidelines focus on… code over design output over outcome compliance over experience
- 17. Accessible User Experience Principles 1. BBC - How to Design for Accessibility 2. Microsoft Inclusive Design Toolkit 3. A Web for Everyone - Sarah Horton and Whitney Quesenbery
- 18. Accessible User Experience Principles 1.People ?rst 2.Equivalence 3.Choice 4.Control 5.Consistency 6.Value
- 19. People ?rst Place the needs of people above the needs of technology
- 20. “The potential audience of a website or app is anyone human. Inclusivity of ability, preference and circumstance is paramount.” —Heydon Pickering, Inclusive Design Patterns
- 21. Legacy content
- 24. Legacy content Procurement Third-party content Pattern libraries
- 25. Equivalence Disabled people can perceive, understand, navigate and interact with content equally without barriers
- 28. Accessible 1.2.2 Captions (Prerecorded): Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled Net?ix
- 30. Equivalent experience: Colour-coded speakers Custom styles YouTube
- 31. Equivalent experience: Colour-coded speakers Custom styles Repositioning Ted Talks
- 32. Equivalent experience: Colour-coded speakers Custom styles Repositioning iPlayer
- 33. Equivalent experience: Colour-coded speakers Custom styles Repositioning Understandable BuzzfeedBuzzfeed
- 34. In 2015, Ofcom reported 80% of subtitle users in the UK do not identify as having hearing loss. Microsoft Inclusive Design Toolkit
- 35. Choice Provide multiple ways to ?nd content and complete complex or non-standard tasks
- 38. Beware of assumptions and be aware of context
- 40. “It can be dif?cult today to visualise the building as it looked a hundred years ago, but as we follow the tour, imagine the rooms with their royal furniture and ornaments removed, and with lino covering the ?oors, and boards protecting the walls. You’ll have the opportunity to see photographs of the Pavilion during its time as a hospital throughout our tour.” www.brightonmuseums.org
- 41. “It can be dif?cult today to visualise the building as it looked a hundred years ago, but as we follow the tour, imagine the rooms with their royal furniture and ornaments removed, and with lino covering the ?oors, and boards protecting the walls. You’ll have the opportunity to see photographs of the Pavilion during its time as a hospital throughout our tour.” www.brightonmuseums.org
- 43. Visual design Non visual design Inclusive design
- 44. “…choice is a privilege. One whose luxury some of us don’t have.” —Sina Braham
- 45. Control Ensure the user always has control over content and can customise the display
- 46. Pinch zoom Legibility Interaction Distraction Don’t disable zoom —Adrian Roselli
- 49. Consistency Use consistent and familiar design patterns
- 51. Inconsistent focus order “Since navigation is at the bottom focus should start here.”
- 56. Value Features add value for everyone but some features add more value than others
- 57. Features Filters Grid / list layout Wizards Data visualisation UXMovement
- 58. Just Eat AmazonYouTube Voice API Geolocation API Camera and voice API
- 60. Consider disabled people when prioritising features
- 61. The principles of accessible user experience is all user experience
- 64. When is something accessible? Johnny Taylor @ableaccess When I can use it!
- 65. Inclusive Design Patterns —Hendon Pickering
- 66. Thank you Henny Swan @iheni