Post on 21-Jan-2018
transcript
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
%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
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
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!
Build empathy
http://www.doit.wisc.edu/accessibility/resources/video/
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.
Form a working group
• UX
• Business/Product
• Development
• QA
• Business Analysis
• Visual Design
• Content
• Legal
• Project Management
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/
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
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
• Educate yourself
• Speak their language
• Start small
• Get allies
• Don’t wait
• Lead the Charge
Final words