Why Web Accessibility Should Matter to You
-
Upload
the-nerdery -
Category
Internet
-
view
53 -
download
0
description
Transcript of Why Web Accessibility Should Matter to You
![Page 1: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/1.jpg)
SURFING BLIND: WHY YOU NEED TO BE THINKING ABOUT WEB ACCESSIBILITY
NERDERY WEBINAR
![Page 2: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/2.jpg)
#NERDERYWEBINAR @THE_NERDERY
YOUR HOSTS
Ryan CarlsonTechnology Evangelist
@ryancarlson
Bree ComptonQuality Assurance Engineer
@bcamolai
Aaron CannonSoftware Developer
@cannona
![Page 3: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/3.jpg)
#NERDERYWEBINAR @THE_NERDERY
What is web accessibility and who does it effect?
OVERVIEW1
How this affects a business2
What an accessibility evaluation looks like3
Common accessibility myths4
How to plan projects with accessibility in mind5
LIVE DEMO
![Page 4: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/4.jpg)
#NERDERYWEBINAR @THE_NERDERY
WHAT IS WEB ACCESSIBILITY?
![Page 5: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/5.jpg)
#NERDERYWEBINAR @THE_NERDERY
WHO IS AFFECTED BY A LACK OF ACCESSIBILITY?
![Page 6: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/6.jpg)
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY CATEGORIES
VISUAL(BLINDNESS AND
POOR VISION)
MOTOR DISABILITIES HEARING
![Page 7: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/7.jpg)
#NERDERYWEBINAR @THE_NERDERY
HOW CAN THIS AFFECT BUSINESSES?
#NERDERYWEBINAR @THE_NERDERY
![Page 8: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/8.jpg)
#NERDERYWEBINAR @THE_NERDERY
THE IMPACT OF ACCESSIBILITY
LEGAL (DUE DILIGENCE)
FINANCIAL (IT’S NOT FOR ME,IT’S FOR MY SON)
PROMOTIONAL
![Page 9: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/9.jpg)
#NERDERYWEBINAR @THE_NERDERY
LEGAL CONSIDERATIONS
Due DiligenceUnderstanding of
Compliance Requirements by Industry
Aaron, Bree and Ryan are not lawyers
![Page 10: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/10.jpg)
#NERDERYWEBINAR @THE_NERDERY
LEGAL PRECEDENT
¼ Quick ramp up time for HTML devs
¼ Use existing content and skills
¼ Use native libraries with WinJS
¼ Best for simple apps
¼ National Association of the Deaf v. Netflix, Inc. , 2012 WL 2343666
¼ Sued that streams were not closed captions
¼ Court said ADA was meant to evolve with technology
¼ Case settled
TARGET.COM NETFLIX
¼ National Federation of the Blind v. Target Corporation 452 F. Supp. 2d 946 (N.D. Cal. 2006)
¼ Sued over inaccessible website ¼ Case settled
Aaron, Bree and Ryan are not lawyers
![Page 11: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/11.jpg)
#NERDERYWEBINAR @THE_NERDERY
Making sites accessible after the
fact is expensive
Appealing to the 10% of disabled
consumers
Goodwill and recognition
FINANCIAL IMPLICATIONS
![Page 12: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/12.jpg)
#NERDERYWEBINAR @THE_NERDERY
PROMOTIONAL IMPLICATIONS
![Page 13: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/13.jpg)
#NERDERYWEBINAR @THE_NERDERY
WHAT DOES AN ACCESSIBILITY EVALUATION LOOK LIKE?
#NERDERYWEBINAR @THE_NERDERY
![Page 14: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/14.jpg)
#NERDERYWEBINAR @THE_NERDERY
New project with accessibility
considerations
Retrofit an existing site to be more
accessible
TYPES OF ACCESSIBILITY ENGAGEMENTS
![Page 15: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/15.jpg)
#NERDERYWEBINAR @THE_NERDERY
NEW DIGITAL PROJECT
Design evaluation/UX usability
Communicate concerns with front-end development
Identify problem areas and fix them in early designs
Embedded spot checking and final QA testing
![Page 16: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/16.jpg)
#NERDERYWEBINAR @THE_NERDERY
UPDATING AN EXISTING WEBSITE
Complete site audit
Brainstorm changes to UI that won’t break the site
UX evaluation and design collaboration
Provide findings with detailed instructions and implement the changes
![Page 17: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/17.jpg)
#NERDERYWEBINAR @THE_NERDERY
LIVE DEMO
![Page 18: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/18.jpg)
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY MYTHS
#NERDERYWEBINAR @THE_NERDERY
![Page 19: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/19.jpg)
#NERDERYWEBINAR @THE_NERDERY
ACCESSIBLE WEBSITES ARE UGLY AND BORING
© ABC - All Rights Reserved “It’s going to break my design!”
![Page 20: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/20.jpg)
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY IS EXPENSIVE AND TIME CONSUMING
Image credit: NASA.gov
![Page 21: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/21.jpg)
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITYONLY AFFECTS A SMALL PERCENTAGE OF PEOPLE
![Page 22: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/22.jpg)
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY IS OPTIONAL
© Phillip Pessar - flickr.com/southbeachcars
![Page 23: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/23.jpg)
#NERDERYWEBINAR @THE_NERDERY
AUTOMATED EVALUATION TOOLS ARE ENOUGH
![Page 24: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/24.jpg)
#NERDERYWEBINAR @THE_NERDERY
MAKING WEBSITES ACCESSIBLE HAS NO ADDITIONAL BENEFITS
![Page 25: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/25.jpg)
#NERDERYWEBINAR @THE_NERDERY
ADDED BENEFITS OF ACCESSIBILITY
Search engine optimization
Boosts for e-commerce sites and better visibility
Increased usability for everybody (contrast, colors, scalable fonts, structured forms, logical sections within the website)
![Page 26: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/26.jpg)
#NERDERYWEBINAR @THE_NERDERY
WORKING WITH ACCESSIBILITY EXPERTS
#NERDERYWEBINAR @THE_NERDERY
![Page 27: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/27.jpg)
#NERDERYWEBINAR @THE_NERDERY
SEEING IS BELIEVING
A lot of companies assume that because they’ve read accessibility best practices, they add the bullet point to their offerings.
“–Aaron Cannon
![Page 28: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/28.jpg)
#NERDERYWEBINAR @THE_NERDERY
REALITY CHECK
It’s more than just following coding standards
Expect to work with multiple departments; user experience, front-end development and quality assurance
Accessibility is both art and science
![Page 29: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/29.jpg)
#NERDERYWEBINAR @THE_NERDERY
What are you going to test with?
QUESTIONS & CONSIDERATIONS1
Test with voiceover on the iPhone2
Test voice-over on Mac and Windows screen readers3
Screen reader use for daily users does not reflect a typical testing environment. This is a highly specialized skill set.4
Are you considering other disabilities?5
![Page 30: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/30.jpg)
#NERDERYWEBINAR @THE_NERDERY
PLANNING FOR WEB ACCESSIBILITY
#NERDERYWEBINAR @THE_NERDERY
![Page 31: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/31.jpg)
#NERDERYWEBINAR @THE_NERDERY
ACCESSIBILITY REQUIRES TOP-DOWN SUPPORT
Talk to your company leadership and legal department
Are your business goals in alignment with an accessibility strategy?
Is it important to leaders, your customers, or your industry to have an accessible website?
![Page 32: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/32.jpg)
#NERDERYWEBINAR @THE_NERDERY
NEXT STEPS
If you think you have an actionable project, find out how accessible your current site is.
Weigh the costs of retrofitting and building from the ground up as you move to add accessibility.
![Page 33: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/33.jpg)
#NERDERYWEBINAR @THE_NERDERY
FINAL THOUGHTS ON ACCESSIBILITY
#NERDERYWEBINAR @THE_NERDERY
![Page 34: Why Web Accessibility Should Matter to You](https://reader037.fdocuments.net/reader037/viewer/2022110303/54b90e874a79599c6b8b46c7/html5/thumbnails/34.jpg)
#NERDERYWEBINAR @THE_NERDERY
What is web accessibility and who does it effect?
RECAP1
How this affects a business2
What an accessibility evaluation looks like3
Common accessibility myths4
How to plan projects with accessibility in mind5