SlideShare a Scribd company logo
1 of 58
Accessibility is not a Checklist ,[object Object],An Interaction Designer’s Guide to Creating Accessible Interfaces,[object Object],Jimmy Chandler,[object Object],blog,[object Object],twitter,[object Object],personal,[object Object],employer,[object Object],uxprinciples.com,[object Object],@uxprinciples,[object Object],about.me/jimmychandler,[object Object],Sapient Government Services,[object Object]
#A11Y = Accessibility,[object Object],2,[object Object]
Introduction,[object Object],3,[object Object]
“The principle behind all design is human dignity.”,[object Object],4,[object Object],Richard Buchanan,[object Object],Keynote presentation at Interaction 11Friday, February 11, 2010 ,[object Object]
5,[object Object],25%,[object Object]
People,[object Object],6,[object Object]
Checklists?,[object Object],7,[object Object]
8,[object Object]
Does the image have alternative text?,[object Object],9,[object Object],Yes,[object Object],No,[object Object]
10,[object Object]
11,[object Object]
12,[object Object]
13,[object Object]
Accessibility is Not a Checklist,[object Object],14,[object Object]
Continuum,[object Object],15,[object Object],One,[object Object],All,[object Object]
Continuum,[object Object],16,[object Object],One,[object Object],All,[object Object]
Continuum,[object Object],17,[object Object],One,[object Object],All,[object Object]
User-Centered Design,[object Object],18,[object Object]
Process Tips,[object Object],19,[object Object]
Tip #1Iterative process ,[object Object],20,[object Object]
21,[object Object]
22,[object Object]
23,[object Object]
Tip #2Design for mobile first,[object Object],24,[object Object]
25,[object Object],Source: http://www.lukew.com/ff/entry.asp?1249 and http://www.lukew.com/presos/preso.asp?26,[object Object]
26,[object Object]
Tip #3Include people with disabilities in your usability research,[object Object],27,[object Object]
28,[object Object],uiAccess.com/JustAsk,[object Object]
Tip #4Don’t Assume…,[object Object],29,[object Object]
30,[object Object]
Design Tips,[object Object],31,[object Object]
Tip #5Don’t punish your customers to solve your business problem,[object Object],32,[object Object]
33,[object Object]
Tip #6Get people to drive themselves ,[object Object],34,[object Object]
35,[object Object]
36,[object Object],From doitmyselfblog.com (Photo credit: Karen Putz),[object Object]
“It was so cool, like another door had just opened for me!”,[object Object],37,[object Object],Glenda Watson Hyatt, the left-thumbed blogger,[object Object],http://www.doitmyselfblog.com/2010/the-ipad-as-an-affordable-communicator-initial-review/,[object Object]
Tip #7Have people define their own time ,[object Object],38,[object Object]
Slideshows,[object Object],39,[object Object]
Slideshows,[object Object],40,[object Object]
Tip #8Protect your investment ,[object Object],41,[object Object]
Brightness,[object Object],42,[object Object]
Grayscale,[object Object],43,[object Object]
Increased Contrast,[object Object],44,[object Object]
Contrast and Texture,[object Object],45,[object Object]
Grayscale,[object Object],46,[object Object]
Tip #9Create alternative contexts,[object Object],47,[object Object]
Scan this Page,[object Object],48,[object Object]
Tip #10Provide help in an accessible manner,[object Object],49,[object Object]
Help People Recover From Errors,[object Object],50,[object Object]
Help People Recover From Errors,[object Object],Cursor,[object Object],51,[object Object]
Help People Recover From Errors,[object Object],Cursor,[object Object],52,[object Object]
Conclusion,[object Object],53,[object Object]
Take Action!,[object Object],54,[object Object],Include…,[object Object]
Continuum,[object Object],55,[object Object],One,[object Object],All,[object Object]
Continuum,[object Object],56,[object Object],One,[object Object],All,[object Object]
Thank You,[object Object],57,[object Object],Please provide feedback on this presentation:,[object Object],speakerrate.com/talks/5413-accessibility-is-not-a-checklist,[object Object]
Accessibility is not a Checklist ,[object Object],Presented at Interaction 11Boulder, CO February 12, 2011,[object Object],Jimmy Chandler,[object Object],blog,[object Object],twitter,[object Object],personal,[object Object],employer,[object Object],uxprinciples.com,[object Object],@uxprinciples,[object Object],about.me/jimmychandler,[object Object],Sapient Government Services,[object Object],58,[object Object]

More Related Content

What's hot

Designing Web Interfaces
Designing Web InterfacesDesigning Web Interfaces
Designing Web InterfacesMark Wagner
 
Personas tool for empathy
Personas   tool for empathyPersonas   tool for empathy
Personas tool for empathySteve Baty
 
Design Turn - Expanding Design Consciousness
Design Turn - Expanding Design ConsciousnessDesign Turn - Expanding Design Consciousness
Design Turn - Expanding Design ConsciousnessDeskala
 
Data Visualization & Design with School of Data
Data Visualization & Design with School of DataData Visualization & Design with School of Data
Data Visualization & Design with School of DataSchool of Data
 

What's hot (6)

Designing Web Interfaces
Designing Web InterfacesDesigning Web Interfaces
Designing Web Interfaces
 
Assignment 4 ppt.
Assignment 4 ppt.Assignment 4 ppt.
Assignment 4 ppt.
 
Assignment 5 ppt
Assignment 5 pptAssignment 5 ppt
Assignment 5 ppt
 
Personas tool for empathy
Personas   tool for empathyPersonas   tool for empathy
Personas tool for empathy
 
Design Turn - Expanding Design Consciousness
Design Turn - Expanding Design ConsciousnessDesign Turn - Expanding Design Consciousness
Design Turn - Expanding Design Consciousness
 
Data Visualization & Design with School of Data
Data Visualization & Design with School of DataData Visualization & Design with School of Data
Data Visualization & Design with School of Data
 

Similar to Accessibility is not a Checklist

ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesFloat
 
Why user experience design fails.
Why user experience design fails.Why user experience design fails.
Why user experience design fails.Patrick Mooney
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UXRan Liron
 
Accessibility, Usability and User Centred Design (User centred design)
Accessibility, Usability and User Centred Design (User centred design)Accessibility, Usability and User Centred Design (User centred design)
Accessibility, Usability and User Centred Design (User centred design)David Lamas
 
Ux and usability it's no PICNIC
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNICMyriam Jessier
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineeringsuslpst
 
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Ian H Smith
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarOutSystems
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX ProcessRicardo Luiz
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesBelatrix Software
 
Building a Culture of Accessibility - 1.pdf
Building a Culture of Accessibility - 1.pdfBuilding a Culture of Accessibility - 1.pdf
Building a Culture of Accessibility - 1.pdfa11ytesters2023
 
Lean UX design process for rapid product development
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product developmentGeoffrey Nwachukwu
 
UX is not just for designers. UX IRL
UX is not just for designers. UX IRLUX is not just for designers. UX IRL
UX is not just for designers. UX IRLAmanda Stockwell
 
Obvious User Interface
Obvious User InterfaceObvious User Interface
Obvious User InterfaceCody Landefeld
 
Primer on UX Design - Gramener Bootcamp Mar'16
Primer on UX Design - Gramener Bootcamp Mar'16Primer on UX Design - Gramener Bootcamp Mar'16
Primer on UX Design - Gramener Bootcamp Mar'16Gramener
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger PictureMayank Lambhate
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzichtErik Duval
 

Similar to Accessibility is not a Checklist (20)

ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
Why user experience design fails.
Why user experience design fails.Why user experience design fails.
Why user experience design fails.
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
Accessibility, Usability and User Centred Design (User centred design)
Accessibility, Usability and User Centred Design (User centred design)Accessibility, Usability and User Centred Design (User centred design)
Accessibility, Usability and User Centred Design (User centred design)
 
Ux and usability it's no PICNIC
Ux and usability   it's no PICNICUx and usability   it's no PICNIC
Ux and usability it's no PICNIC
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
Chi overview
Chi overviewChi overview
Chi overview
 
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
Training Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training WebinarTraining Webinar: From a bad to an awesome user experience - Training Webinar
Training Webinar: From a bad to an awesome user experience - Training Webinar
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
The UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User ExperiencesThe UX Process Behind Compelling User Experiences
The UX Process Behind Compelling User Experiences
 
Building a Culture of Accessibility - 1.pdf
Building a Culture of Accessibility - 1.pdfBuilding a Culture of Accessibility - 1.pdf
Building a Culture of Accessibility - 1.pdf
 
Lean UX design process for rapid product development
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product development
 
UX is not just for designers. UX IRL
UX is not just for designers. UX IRLUX is not just for designers. UX IRL
UX is not just for designers. UX IRL
 
Obvious User Interface
Obvious User InterfaceObvious User Interface
Obvious User Interface
 
UI & UX Engineering
UI & UX EngineeringUI & UX Engineering
UI & UX Engineering
 
Primer on UX Design - Gramener Bootcamp Mar'16
Primer on UX Design - Gramener Bootcamp Mar'16Primer on UX Design - Gramener Bootcamp Mar'16
Primer on UX Design - Gramener Bootcamp Mar'16
 
UI/UX - The Bigger Picture
UI/UX - The Bigger PictureUI/UX - The Bigger Picture
UI/UX - The Bigger Picture
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 

Recently uploaded

WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 

Recently uploaded (19)

WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 

Accessibility is not a Checklist

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.

Editor's Notes

  1. For people who use twitter, the most common used hashtag for accessibility is #A11Y. Some people believe this hashtag itself is inaccessible, and prefer #AxS or #access or even #accessibility.
  2. My agenda today is simple: Talk briefly about why accessibility is important Describe a different approach to accessibility than just using a checklist Provide some concepts and tips on how to improve the accessibility of your products Suggest actions you should take nowDoes what we do as interaction designers and user experience (UX) professionals matter? Or do we just have this job to pay our bills? If what do as UX professionals does matter, then it matters because we can improve people’s quality of life through better interfaces and products.If your goal as a UX designer is to improve your products for your audience, you should include people with disabilities because they are a part of that audience. Not only that, they are people that need better design even more because they are among our most vulnerable.
  3. About 1 in 4 of the adult US population live with a disability that interferes with activities of daily living, and are less likely to use the internet and benefit from it. People with disabilities have higher unemployment and poverty, lower levels of education and high-speed internet access.The reason I wanted to talk about accessibility today, and why it’s been a major focus of my career for more than a decade, is because I believe all people should have a chance to improve the quality of their lives through modern technology. And many people with disabilities will tell you how accessible devices, software and websites have had a profound impact on their lives.
  4. Accessibility is more about people than about technology, but it’s not just about people with disabilities, it’s also about people with: diminishing abilities as we age people with temporary conditions (such as an injury) and people using different devices (such as a smart phone).
  5. Checklists are not bad, in fact they can be quite useful.
  6. The problem is when people and organizations think about accessibility merely in terms of a checklist, or as a list of binary choices, such as…
  7. Would this pass an accessibility checklist? Hopefully not.
  8. How about this one?
  9. It would pass if the checklist just asked: is there a wheelchair accessible ramp, yes or no, but didn’t specify…
  10. …if the ramp goes all the way to the entrance. So a person in a wheelchair could not actually enter the building on his or her own.Likewise, some people only check to see if images on a web page have descriptions, but they don’t check to see if the descriptions make sense and are useful.Checklists are tools, and accessibility checklists can be useful tools in removing accessibility barriers. But…
  11. You should think of accessibility as more of a continuum, where the least accessible product is usable by one person, and the most accessible, is usable by all people.
  12. Your product probably falls somewhere in between.My goal is to help you move your arrow…
  13. …more towards the “all” end of the continuum.What implications does a continuum have vs. a checklist? It means we don’t have to check every item off the list to be accessible, because virtually no product is perfectly accessible to all people in all contexts. It does mean that every improvement we can make, that gets this arrow moving more towards “all,” is a positive achievement.If we at least do something, we are improving our experiences for at least some of our customers in some contexts. In order to accomplish this…
  14. We should take the same user-centered design approach to accessibility as we do with all our target audiences. This means you need to learn how people with disabilities use your product, including any assistive technologies that help them accomplish their goals. Assistive technologies can be hardware like a microphone for speech input or the Braille display shown in the photo, or software such as the JAWS screen reader.Also, in order to create accessible designs, you can’t just follow accessibility rules without understanding why those rules are important.
  15. I have ten tips, each with an example, starting with four about process.
  16. An iterative process allows you to more cost effectively integrate accessibility into your products.
  17. It’s important to consider accessibility from the very beginning and throughout the entire process, starting with a strategy where you determine your accessibility goals.
  18. After you develop your templates and reusable code based on your goals and designs, you need…
  19. …to test for accesibility early and often, as soon as you have working code, to give feedback to your designers and developers, and re-examine your strategy based on what’s realistically achievable. Since developers tend to make the same accessibility errors over and over again because they don’t understand the reasons behind the accessibility checklists, after finding these errors, train your developers early on to save time and money later.
  20. Luke Wroblewski talks about how designing for mobile first can improve your web site or app in many ways. Many choices that enhance the mobile experience also improve accessibility, and vice versa, an accessible site or app is better prepared for mobile experiences.For more on designing for mobile first:Mobile First: One Year LaterMobile First presentationAdditional material: Accessibility First—for a Better User Experience for All by Whitney Quisenberry
  21. An example of an interaction design that doesn’t work for mobile is an action that requires one to hover their mouse over an object on the screen. My to do list comes from a web application called backpack. In order to edit the list, you have to hover your mouse over the list, and then you see the options to edit, delete or move the list. (And each of these actions also require a mouse.)But you can’t rely on hover effects for touch screen users, so in order to use backpack on my iPhone I had to purchase a separate iPhone app. Hover effects are also incompatible with the keyboard, voice control, and screen readers. They only work with a mouse.
  22. This is the most important tip of this presentation, because performing usability research will lead to a better understanding of the habits and mental models of people with disabilities.Nothing will teach you more about accessibility than observing people with disabilities struggle with technology and poor designs.I learned more about accessibility by working with a blind user of a screen reader for a few years, by observing how he and others use a computer and interacted (mostly struggled) with our designs and other designs, than I have from all my other experiences and reading put together.
  23. Shawn Lawton Henry has written a book Just Ask that details how to incorporate people with disabilities into your usability testing. Her book is the only one that covers this topic, and it’s available online for free. She goes into great detail and has many important tips and insights that we don’t have time to cover here.Two tips to consider: When starting out, find expert users of assistive technology as participants for your research. Less experienced users may have difficulty using your product due to their lack of skill, rather than any barriers caused by your design. Don’t be afraid that recruiting users with disabilities will be too difficult.
  24. …that people with disabilities can’t or won’t use your product.
  25. Why would a blind man need the department of motor vehicle’s website to be accessible? I mean, he can’t drive, right?What if he wants to help his 16 year old daughter get her driver’s license?In fact, accessible products can have a profound impact on people with disabilities. I’ve talked to many people with disabilities, and accessible products: computers, websites, cell phones, twitter: have improved their lives. Just imagine how different your life would be if you couldn’t use the Web or your cell phone!Now imagine if your design or code is the reason someone can’t get employment, because the interface they need to do a job is not accessible for them. How would you feel?
  26. (Note: A CAPTCHA is a type of challenge-response test used in computing as an attempt to ensure that the response is not generated by a computer….It is a contrived acronym based on the word "capture" and standing for "Completely Automated Public Turing test to tell Computers and Humans Apart." Source: Wikipedia)Please raise your hand if you like trying to enter words into a CAPTCHA. CAPTCHA are more successful at blocking your customers than at blocking spam, and can be especially difficult for many people with disabilities. I interviewed a dyslexic woman who stated she abandoned forms guarded by CAPTCHA at least 80% of time. That means your site guarded by a CAPTCHA is losing her business to a website that uses other methods to prevent spam.Read: http://webaim.org/blog/spam_free_accessible_forms/
  27. People with disabilities want to be as independent as possible. So getting them to take control, to be more independent, is the best accessibility feature you can create.For example, look at the iPad.
  28. I want everyone with an iPhone or iPad to go into the general settings and select accessibility see all the options you have. One option is to speak auto text.Glenda’s iPad Accessibility Success StoryGlenda Watson Hyatt has cerebral palsy. Using an iPad allows her to communicate in ways she never could before, including people with other disabilities. She can type using just her left thumb and either provide a display of her communication to someone, or, using the speak auto text feature (highlighted in the image of the iPad accessibility settings screen), have the iPad speak for her.
  29. Full quote: “Then [after purchasing her iPad], I did something I had never done before: I went into one of the many Starbucks at O’Hare and ordered my first mocha frappuccino by myself. No misunderstanding or hand gesturing involved. It was so cool, like another door had just opened for me! I feel like technology is finally catching up with what I truly need.”Source: http://www.doitmyselfblog.com/2010/the-ipad-as-an-affordable-communicator-initial-review/
  30. If you provide a slideshow, make sure transitions are slow enough for people to read the content.
  31. I tested a sample slide from a web home page and found that the slide changes approximately every 4 seconds but it takes 8-10 seconds to read all the slide’s text.That doesn’t include the time it takes to orient yourself on the page and decide you want to read the slide content, and it doesn’t account for people who read at a slower pace.Solutions: slow your transitions even better, allow people to control the timing or the advancement of each slide.
  32. You or your client have spent a lot of time and money creating and distributing your content. (That content can be images, text, video, audio.) Make sure the widest possible audience can benefit from it, don’t you want as many customers as possible?
  33. At first glance this chart may look fine, but the brightness level between red and blue is too similar, as you can see…
  34. …when you convert this to grayscale. Remember that people often print your beautiful color designs on a black and white printer to take to their meeting.
  35. Better…
  36. But this chart is the best solution, because now in addition to the increased contrast, we have also added diagonal lines to the red bars.
  37. As you can see when we convert this again to grayscale.
  38. Imagine you can’t see or hear the context surrounding a link phrase…
  39. Blind users of a screen reader often tab through a list of links on the page, scanning the page with their ears the same way you or I scan using our eyes. Do you want to read every word of content on every web page you visit? Of course not, and neither do users of screen readers or other assistive technologies.Therefore link text should make sense standing alone, without the context of the surrounding sentence. So instead of writing click here as your link text, try something that is more descriptive of the page you are linking to.Instead of writing “click here for more,” try “read more about the Canadian Olympic Curling squad” and link the phrase “Canadian Olympic Curling squad.”
  40. When a person submits a form with missing or incorrect data, first alert him to the presence of the error, and make sure the error message is descriptive enough. In this example, we return the following error message:We’re sorry, but there were 2 errors in the information you submitted.Please enter your first name.Please enter your zip code so we can properly calculate shipping.
  41. Next, we set focus on the error message. This helps screen reader users and others know that an error has occurred. Otherwise, a person may not understand why the page has reloaded instead of moving on to another screen.
  42. Second, allow the user to easily access the form elements that need to be modified. In this case, we link a phrase in the message, “enter your first name,” to the form field, “First Name (required),” that needs to be completed.
  43. People with disabilities includes a wide range of people, not just the blind or otherwise visually impaired. Making your product more accessible also makes it more usable for all of us.Accessibility should be a part of every product we create, considered from the beginning and throughout the design, development, and maintenance of that product.
  44. You can start taking action now:I want everyone here to include at least one person with a disability in your next usability study.
  45. I hope what you’ve learned today will help you…
  46. move your products even more towards the all end of the accessibility continuum.