Why Web Accessibility Should Matter to You
-
Upload
the-nerdery -
Category
Internet
-
view
52 -
download
0
description
Transcript of Why Web Accessibility Should Matter to You
SURFING BLIND: WHY YOU NEED TO BE THINKING ABOUT WEB ACCESSIBILITY
NERDERY WEBINAR
#NERDERYWEBINAR @THE_NERDERY
YOUR HOSTS
Ryan CarlsonTechnology Evangelist
@ryancarlson
Bree ComptonQuality Assurance Engineer
@bcamolai
Aaron CannonSoftware Developer
@cannona
#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
#NERDERYWEBINAR @THE_NERDERY
WHAT IS WEB ACCESSIBILITY?
#NERDERYWEBINAR @THE_NERDERY
WHO IS AFFECTED BY A LACK OF ACCESSIBILITY?
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY CATEGORIES
VISUAL(BLINDNESS AND
POOR VISION)
MOTOR DISABILITIES HEARING
#NERDERYWEBINAR @THE_NERDERY
HOW CAN THIS AFFECT BUSINESSES?
#NERDERYWEBINAR @THE_NERDERY
#NERDERYWEBINAR @THE_NERDERY
THE IMPACT OF ACCESSIBILITY
LEGAL (DUE DILIGENCE)
FINANCIAL (IT’S NOT FOR ME,IT’S FOR MY SON)
PROMOTIONAL
#NERDERYWEBINAR @THE_NERDERY
LEGAL CONSIDERATIONS
Due DiligenceUnderstanding of
Compliance Requirements by Industry
Aaron, Bree and Ryan are not lawyers
#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
#NERDERYWEBINAR @THE_NERDERY
Making sites accessible after the
fact is expensive
Appealing to the 10% of disabled
consumers
Goodwill and recognition
FINANCIAL IMPLICATIONS
#NERDERYWEBINAR @THE_NERDERY
PROMOTIONAL IMPLICATIONS
#NERDERYWEBINAR @THE_NERDERY
WHAT DOES AN ACCESSIBILITY EVALUATION LOOK LIKE?
#NERDERYWEBINAR @THE_NERDERY
#NERDERYWEBINAR @THE_NERDERY
New project with accessibility
considerations
Retrofit an existing site to be more
accessible
TYPES OF ACCESSIBILITY ENGAGEMENTS
#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
#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
#NERDERYWEBINAR @THE_NERDERY
LIVE DEMO
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY MYTHS
#NERDERYWEBINAR @THE_NERDERY
#NERDERYWEBINAR @THE_NERDERY
ACCESSIBLE WEBSITES ARE UGLY AND BORING
© ABC - All Rights Reserved “It’s going to break my design!”
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY IS EXPENSIVE AND TIME CONSUMING
Image credit: NASA.gov
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITYONLY AFFECTS A SMALL PERCENTAGE OF PEOPLE
#NERDERYWEBINAR @THE_NERDERY
WEB ACCESSIBILITY IS OPTIONAL
© Phillip Pessar - flickr.com/southbeachcars
#NERDERYWEBINAR @THE_NERDERY
AUTOMATED EVALUATION TOOLS ARE ENOUGH
#NERDERYWEBINAR @THE_NERDERY
MAKING WEBSITES ACCESSIBLE HAS NO ADDITIONAL BENEFITS
#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)
#NERDERYWEBINAR @THE_NERDERY
WORKING WITH ACCESSIBILITY EXPERTS
#NERDERYWEBINAR @THE_NERDERY
#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
#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
#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
#NERDERYWEBINAR @THE_NERDERY
PLANNING FOR WEB ACCESSIBILITY
#NERDERYWEBINAR @THE_NERDERY
#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?
#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.
#NERDERYWEBINAR @THE_NERDERY
FINAL THOUGHTS ON ACCESSIBILITY
#NERDERYWEBINAR @THE_NERDERY
#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