The Revolution Will Be Accessible! alt="How to start a grassroots accessibility movement"

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

• Print

• 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

Gina Bhawalkar

@ginabhawalkar

[email protected]

John Seitz

@jseitz

[email protected]