The velvet Rope -
•Télécharger en tant que PPTX, PDF•
1 j'aime•841 vues
This is a talk about how we occasionally exclude people from using our websites and mobile applications despite following accessibility guidelines. If we focus on people over technology and use the Inclusive Design Principles to help us do this we can deliver thoughtful an inclusive websites and applications.
Recommandé
Recommandé
Contenu connexe
Similaire à The velvet Rope -
Similaire à The velvet Rope - (20)
Plus de Henny Swan
Plus de Henny Swan (14)
Dernier
Dernier (20)
The velvet Rope -
- 1. The velvet rope Henny Swan @iheni
- 3. Message from the management If you identify as one of the following we ask that you leave the auditorium with immediate affect: Blind, low vision, colour blind, wear glasses, has chronic pain, limited dexterity, no upper body movement, are deaf, hard of hearing, have dyslexia, struggle with reading, have a cognitive impairment, RSI, use a mobile, forgot your headphones, use pinch zoom, are under 4 years old, over 70, have vertigo, feel anxious, depressed, panicky, hung-over, or drunk…
- 4. • Behind every great site or application lies thought, empathy and inclusion. This doesn’t happen by accident, it happens by design.
- 6. James Williamson Lynda.com author Simpleprimate.com Husband and Dad ALS
- 7. Visible labels ✓ Programmatically accessible labels ✓ Sufficient colour contrast ✓ Passes WCAG ✓ Usable ✗
- 8. The most frustrating input issue is not being able to see my password as I type. Whether I’m using voice dictation or a single finger…precise input is extremely difficult. This difficulty is increased when you introduce special characters…found in passwords. - James Williamson
- 9. •Control • People should be able to access and interact with content in their preferred way.
- 10. Show password
- 12. •Sam • Loves games and TV • Uses a tablet in portrait • Quadriplegic
- 13. • Fixed orientation • Not part of WCAG 2.0 • Part of WCAG 2.1
- 14. Jonny Taylor Punk rock Likes to go to gigs Wicked sense of humour Quadriplegic
- 15. Choice Consider providing different ways for people to complete tasks, especially those that are complex or non standard.
- 16. Swipe to delete items Edit mode to delete items
- 17. • Matt • Accessibility Engineer • Karaoke lover • Has low vision • Uses magnification
- 18. Panning and scrolling are the necessary evils of screen-magnification. The physical and cognitive load of being zoomed in to a small area of the overall screen presents bigger barriers than you might think. It’s tiring, and easy to get lost, or miss important content because it’s in an unexpected area of the overall screen. - Challenges, opportunities and the potential for low-vision access, Matt Tylee Atkinson
- 19. • Priority • Help users focus on core tasks, features, and information by prioritising them within the content and layout.
- 21. Colin late 60’s Retired Likes soaps Uses catch up Blind Screen reader user
- 23. •Consistency • Use familiar conventions and apply them consistently.
- 25. Amazon
- 26. Lucy Lives on a boat Tech savvy Is fearless Losing her sight
- 27. •Situation • People use your interface in different situations. Make sure your interface delivers a valuable experience to people regardless of their circumstances.
- 28. Camera API
- 29. Patricia First female president of ABC Sports Hates having her photo taken Fibromyalgia
- 30. Value Consider the value of features and how they improve the experience for different users.
- 31. Geolocation API Camera and voice API Touch ID Casting
- 34. It can be difficult 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 floors, and boards protecting the walls. You’ll have the opportunity to see photos of the Pavilion during its time as a hospital throughout our tour. www.brightonmuseums.org
- 35. It can be difficult 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 floors, and boards protecting the walls. You’ll have the opportunity to see photos of the Pavilion during its time as a hospital throughout our tour. www.brightonmuseums.org
- 36. •Comparable experience • Ensure your interface provides a comparable experience for all so people can accomplish tasks in a way that suits their needs without undermining the quality of the content.
- 37. alt="Three hot air balloons hang together in a calm, sunny sky" I used to have sight so I appreciate descriptive alt text on decorative images. - Léonie Watson
- 39. Thank you @iheni Inclusivedesignprinciples.org simpleprimate.com/blog/motor TPG blog – Challenges, opportunities and the potential for low vision access
- 40. • Web accessibility Guidelines focus on: • code over design • technology over people • compliance over experience
- 41. Designing for motor impairments doesn’t really have a single approach that guarantees accessibility. You need to consider how your interactions might limit those with motor function disabilities and provide an alternative means of addressing them.
- 42. Although I've championed accessibility for most of my career I had no idea I would be impacted by it as much as I have
Notes de l'éditeur
- Explain velvet rope Welcome to the velvet rope. It amazes me that organization spend time, money and effort of advertising and marketing their digital products only to passively aggressively put up a velvet rope as the last hurdle for so many people trying to get in.
- Well this is awkward, I wear glass's for reading so I guess that’s my talk cancelled. Who else in the room has to leave? Make a noise, raise a hand or do whatever your thing is?
- Billy glasses Karl, 70, no, hungover You?
- Quote We can enable, disable ppl by design. It’d about how people experience your site. I might be a blind screen reader user and you might be a blnd screen reader user but this does not meam I access content the same way you do or that I take away the same experience, context, situation and who you are come into play. I used to think WCAG inadequately addressed inclusive design…sure it covers colour contrast, focus states colour and meaning but this is really a small part of deign. Now I understand that guidelines can’t address inclusive design. Design is subjective, it changes due to context and is experienced differently by each and every one of us. As such you can’t map it to guidelines. It’s not testable in that way
- Not guidelines, intended to inspire and proboke converstion and empathy Just one tool to help you remove that velvet rope
- One thing James struggles with is dexterity. In particular this impacts how he uses forms. Forms are horrible for a number of reasons for a number of people including: Comprehension, Recall, Accuracy, Dexterity James Williamson Family man Speaker Educator ALS The long goodbye
- http://simpleprimate.com/blog/motor
- Control Something else that James strugles with is (lead up to CONTROL)
- Control
- Control
- Bands he likes tend to play smaller venues which are unfirtunnately less accessible than larger more commercial venus
- Something else that impacts people like James are gestures. Some are easier than others. Swipe left – standard gesture BUT with no visual affordance… Some of us find it easier to swipe others to tap
- Priority
- Priority TPG Blog post: Challenges, opportunities and the potential for low-vision access “Panning and scrolling are the necessary evils of screen-magnification. The physical and cognitive load of being zoomed in to a small area of the overall screen, constantly panning about to find content of interest can present bigger barriers than you might think. It can be tiring, and is easy to get lost, or miss important content because it’s in an unexpected area of the overall screen.
- Priority Clear purpose
- Consistency I don’t have a picture of Colin because we never met each other in person
- Consistency
- This also ties in with our next principle of consistency.
- External consistency Web conventions Web standards WAI ARIA Authoring Practices
- Internal consistency Accessible Pattern libraries Editorial Cross platform
- Situation Changeable Wifi errified – Lucy has grown up with mobile and considers herself tech savvy. Or at least she thought she did. She is now propelled into a world of access technologies and screen readers which is utterly and alien to her. She feels intimidated and at a complete loss. She doesn’t know anyone who uses this stuff or know where she can go to get support. She will get there but today she is in an increasingly dark world and feeling at a loss at not being able t do what she could without thinking yesterday. The one bridge is that she has used features of a phone and how she can control her environment using it.
- For me this principle grounds me in remembering this is about people first, not technology.
- Value There’s only a picture of her hand because she’s self-conscious she’s always saying I don’t look good today like many of us she tries unconscious and she often thinks that when something is wrong it’s her fault so when it comes to using the web account she can be very very difficult for her she is one of those people who never thinks she would never think there’s something wrong with the website it’s her she blames on herself Patricia Retired, mid 70’s First female President of ABC Sports Ran her own business Fibromyalgia
- What helps Patricia is the principle of value
- Casting is a great example of how we cab enable people to hack their environment using their phone. I tested setting up Chromecast on iPhone using Voiceover at home when we implemented it in iPlayer from set up of the app through to finding something that I wanted to watch on my iPhone. Worked a dream, so much so I jumped up and down on the sofa and then cried because I knew what this would mean for some people I know My daughter who was 4 at the time quietly backed her way out the room, she thought I’d lost it.
- COMPARABLE EXPERIENCE
- My friends visited Brighton Pavilion recently. Blind and low vision, happy to find an audio guide. Descriptions too visual for MY blind friend, and it didn’t give him a sense of the building. Not an equivalent experience although technically “accessible”. White chocolate hershy kisses
- My friends visited Brighton Pavilion recently. Blind and low vision, happy to find an audio guide. Descriptions too visual for MY blind friend, and it didn’t give him a sense of the building. Not an equivalent experience although technically “accessible”.
- My friends visited Brighton Pavilion recently. Blind and low vision, happy to find an audio guide. Descriptions too visual for MY blind friend, and it didn’t give him a sense of the building. Not an equivalent experience although technically “accessible”.
- Why comparable rather than equivalent? Dunkirk – Shepherd Tone It's an illusion where there's a continuing ascension of tone.
- People don’t use your site, people visit your site. People visit because they, need to use it, have been told to use it, pay to use it, or want to use it. Matt, Sam, Lucy, Colin, James, Patricia, Victor and Karo People are guests. You are hosts, I’m sure not any of you want to offer a basic, experience, when you invite people round. Hospitality (then equate inclusion at the end of the talk
- I will Tweet these links.
- I used to think WCAG inadequately addressed inclusive design…sure it covers colour contrast, focus states colour and meaning but this is really a small part of deign. Now I understand that guidelines can’t address inclusive design. Design is subjective, it changes due to context and is experienced differently by each and every one of us. As such you can’t map it to guidelines. It’s not testable in that way
- I think it is important in this business to remember that we don’t get to say the last word. That belongs to the people who visit our websites and mobile application; our guests. Rather you need to consider how your interactions might limit those with motor function disabilities and whether or not you can modify them to be more inclusive or provide alternate means of addressing them This is why inclusive design can only be met in part through WCAG. It can’t boil down to a set of guideliens but instead to an understanding of who are guests are and the Inclusive Design Principles. Ultimately, we can both enable abnd disable people by design
- I think it is important in this business to remember that we don’t get to say the last word. That belongs to the people who visit our websites and mobile applicatuon; our guests. Designing for motor impairments requires as much consideration as other disabilities but doesn’t really have a single approach that guarantees accessibility