Embed Size (px)
Citation preview
The Revolution Will Be Accessible!
alt = “How to start a grassroots accessibility movement”
Gina Bhawalkar, AVP UX & Accessibility
John Seitz, Senior UX Designer
Scottrade Inc.
STLUX 2014St. Louis, MO
A little bit about Gina
• AVP of UX & Accessibility @ Scottrade, Inc.
• Georgia Tech HCI MS grad
• Started my career doing accessibility testing on everything from websites to hot tub remote controls.
• Ten years experience as both a UX practitioner and managing UX teams.
A little bit about John
• Sr. UX Designer @ Scottrade, Inc.
• Graphic Communications
• Web
• UX
• Accessibility
5 steps to start a revolution
Understand Accessibility
Arm yourself with the benefits
Educate and find allies
Get a small victory
Advance your battle plan
1
2
3
4
5
Understand Accessibility
1
What Is Accessibility?
Easier to:
Access & Use
Everyone
InclusiveDesign
The spectrum
• The Novice User
• Temporary Restrictions
• Language Barriers
• Color Blind
• Poor Hearing
• Failing Vision
• Arthritis
The spectrum
• Deaf / Hard of Hearing
• Blind / Visually Impaired
• Mobility Impaired
The spectrum
The numbers
%Of the U.S. population had a disability in 2010
The numbers
https://www.census.gov/newsroom/releases/archives/miscellaneous/cb12-134.html
%
15+ years-old have some degree of sight or hearing impairment
The numbers
http://www.practicalecommerce.com/articles/1417-Accessibility-How-Many-Disabled-Web-Users-Are-There-
The numbers
%
65+ year-olds have some degree of sight or hearing impairments
http://www.practicalecommerce.com/articles/1417-Accessibility-How-Many-Disabled-Web-Users-Are-There-
The numbers
%65+ year-olds use the internet
http://www.pewinternet.org/2012/06/06/older-adults-and-internet-use/
The numbers
+ x People 65+ year-old will more than double between 2000 and 2030
http://www.census.gov/prod/cen2010/briefs/c2010br-09.pdf
The numbers
= A LOT
Arm yourself
With the benefits2
Curb Cut Effect
Coding for
accessibility =
Good coding
practices
Improved indexing
by search engines
Access to the
growing aging
population
“Word of mouth”
in the disability
community
Brand
Appreciation
Stand out against
the competition
Avoid Legal Risk
Benefits all users
Social
Responsibility
Now You’re Speaking My Language
Developers
Business
Legal
Marketing
Good Code
Better Indexing
Curb Cut Effect
Wider Audience
Word of Mouth
Competitive Edge
Brand Appreciation
Avoid Legal Risk
Developers
Business
Legal
Marketing
Good Code
Better Indexing
Curb Cut Effect
Wider Audience
Word of Mouth
Competitive Edge
Brand Appreciation
Avoid Legal Risk
Developers
Business
Legal
Marketing
Good Code
Better Indexing
Curb Cut Effect
Wider Audience
Word of Mouth
Competitive Edge
Brand Appreciation
Avoid Legal Risk
Developers
Business
Legal
Marketing
Good Code
Better Indexing
Curb Cut Effect
Wider Audience
Word of Mouth
Competitive Edge
Brand Appreciation
Avoid Legal Risk
3
Make the decision to lead
Start simple
Color Contrast meets 4.5:1 ratio
Descriptive Link Names
Avoid use of color alone.
Work into your UX heuristic reviews.
Start simple
Annotate your designs with indications of
what to tag as <h1>, <h2> etc.
Scottrade® Advisor Services is a division of Scottrade, Inc. All products and services offered by Scottrade, Inc. - Member FINRA and SIPC.
Be a teacher
Hold Lunch and Learns:
• What is accessibility?
• Benefits
• Overview of assistive technologies
• How many of your customers are impacted
• Demo of your site with a screen reader
• Competitive landscape
• 10 Quick Tips!
Arm people with free tools
http://www.paciellogroup.com/resources/contrastAnalyser
Arm people with free tools
https://addons.mozilla.org/en-US/firefox/addon/web-developer/
Build empathy
http://www.doit.wisc.edu/accessibility/resources/video/
Build empathy
Understand your competitive landscape
Find partners
Find partners - Development
Find partners - Legal
Plan and be smart
4
Get a case study under your belt
Scottrade, Inc. is a wholly-owned subsidiary of Scottrade Financial Services, Inc. Brokerage products and services offered by Scottrade, Inc. - Member FINRA and SIPC.
Get a case study under your belt
Scottrade, Inc. is a wholly-owned subsidiary of Scottrade Financial Services, Inc. Brokerage products and services offered by Scottrade, Inc. - Member FINRA and SIPC.
Educate and celebrate
Send a Thank you! note to all
team members who played a
role.
Educate on how this helps users
with disabilities.
Share the case study details with
your leaders.
5
Form a working group
• UX
• Business/Product
• Development
• QA
• Business Analysis
• Visual Design
• Content
• Legal
• Project Management
Assess where you stand
Understand the guidelines
4.1.2 Name, Role, Value:
For all user interface components (including but not limited
to: form elements, links and components generated by
scripts), the name and role can be
programmatically determined; states,
properties, and values that can be set by the user can be
programmatically set; and notification of changes to these
items is available to user agents, including assistive
technologies. (Level A)
http://www.w3.org/TR/WCAG20/
Develop internal standards
Pick 10 to focus on first
1. Alt text on images
2. Clear indicator of focus
3. Keyboard accessible
4. Skip navigation link
5. Clear headings and labels
6. Accessible data tables
7. User input error messages
8. Name, role, value
9. Avoid image buttons
10.Form labels
Create tools & resources
Train your teams
Accessibility Training Outline: Development
1. Overview of Accessibility & Assistive Technology
2. Our Accessibility Standards
3. What this means for how we code:
• Images
• Tables
• Forms
• Etc.
4. Testing Tools
5. Resources
6. Q & A
Try things out
• Educate yourself
• Speak their language
• Start small
• Get allies
• Don’t wait
• Lead the Charge
Final words
