social media accessibility: where are we today? openweb camp iv san jose – july 14th, 2012 / 1...

Social Media Accessibility:

Where Are We Today?

OpenWeb Camp IVSan Jose – July 14th, 2012

/ 12012. AccessibilitéWebToll Free: 1 (877) 315-5550

/ 2

www.openWebCamp.org/slides

2012. AccessibilitéWebToll Free: 1 (877) 315-5550

Attribution ⬌ NonCommercial ⬌ ShareAlike 2.5 Canada

/ 3

Some Rights Reserved

2012. AccessibilitéWebToll Free: 1 (877) 315-5550

Yeah so, in case you haven’t noticed already...

/ 42012. AccessibilitéWebToll Free: 1 (877) 315-5550

Speaker

Denis Boudreau

12 years in Web Accessibility

Web Accessibility consultant

Chairman, AccessibilitéWeb

Co-editor, SGQRI 008 standards

Invited Expert, W3C

/ 52012. AccessibilitéWebToll Free: 1 (877) 315-5550

Social Media Offer Great Opportunities...

/ 62012. AccessibilitéWebToll Free: 1 (877) 315-5550

...If you’re lucky enough to be able to use them

Social Media Should be About People

/ 72012. AccessibilitéWebToll Free: 1 (877) 315-5550

Communicating, Sharing, Interacting, Bonding, Networking, Contributing, Fighting (why not!)...

...With each other & on the Web.

As It Turns Out...

/ 82012. AccessibilitéWebToll Free: 1 (877) 315-5550

This is not always the case! (Real) people get left behind based on...• Physical disability• Aging conditions• Technological illiteracy• PREJUDICE appearances

How can we

play along...

/ 92012. AccessibilitéWebToll Free: 1 (877) 315-5550

Dealing with inclusion and a11y requirements

Are social media accessible at all?

Are social media compliant with our requirements?

Can social media be made accessible?

Can we influence the social media giants positively?

With everyone on board?

Dealing with the unknown...

/ 102012. AccessibilitéWebToll Free: 1 (877) 315-5550

Communication strategies Social media infatuation Legal requirements Moral responsibilities Public expectations Etc.

Evaluation Results Overview

/ 112012. AccessibilitéWebToll Free: 1 (877) 315-5550

Total of success criteria successfully met (2011)

Most Common a11y Problems

#1 – Section Headings 0/3 0/3 2/3 1/3 1/3

#2 – Color Contrasts 0/1 0/1 0/1 1/1 0/1

#3 – Labels and Form Fields 0/2 0/2 0/2 1/2 0/2

#4 – Keyboard Navigation 0/7 1/7 2/7 0/7 0/7

#5 – Text Equivs for Images 0/1 0/1 0/1 0/1 0/1

#6 – Multimedia NA 0/3 NA 0/3 0/3

#7 – Language 0/2 1/2 1/2 1/2 1/2

#8 – Validation 0/1 0/1 0/1 0/1 0/1

Total Success Criteria Met 0/15 2/20 5/15 4/20 2/20

Criteria #1: Section Headings

/ 122012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

1.3.1 - Info and Relationships 0% 0% 0% 0% 0%

2.4.2 - Page Titled 0% 0% 100% 100% 0%

4.1.1 - Parsing 0% 0% 100% 0% 100%

Percentage of Success Criteria Met 0% 0% 67% 33% 33%

Criteria #2: Color Contrasts

/ 132012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

1.4.3 - Contrast (Minimum) 0% 0% 0% 100% 0%

Percentage of Success Criteria Met 0% 0% 0% 100% 0%

Criteria #3: Labels and Form Fields

/ 142012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

1.3.1 - Info and Relationships 0% 0% 0% 0% 0%

3.3.2 - Labels or Instructions 0% 0% 0% 100% 0%

Percentage of Success Criteria Met 0% 0% 0% 50% 0%

Criteria #4: Keyboard Navigation

/ 152012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

1.3.1 - Info and Relationships 0% 100% 0% 0% 0%

1.3.2 - Meaningful Sequence 0% 0% 100% 0% 0%

1.4.4 - Resize text 0% 0% 0% 0% 0%

2.1.1 - Keyboard 0% 0% 0% 0% 0%

2.4.1 - Bypass Blocks 0% 0% 0% 0% 0%

2.4.3 - Focus Order 0% 0% 100% 0% 0%

2.4.7 - Focus Visible 0% 0% 0% 0% 0%

Percentage of Success Criteria Met 0% 14% 29% 0% 0%

Criteria #5: Text Equivalents for Images

/ 162012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

1.1.1 - Non-text Content 0% 0% 0% 0% 0%

Percentage of Success Criteria Met 0% 0% 0% 0% 0%

Criteria #6: Multimedia

/ 172012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

1.1.1 - Non-text Content NA 0% NA 0% 0%

1.2.1 - Audio & Video-only (Prerec.) NA 0% NA 0% 0%

1.2.2 - Captions (Prerecorded) NA 0% NA 0% 0%

Percentage of Success Criteria Met NA 0% NA 0% 0%

Criteria #7: Language

/ 182012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

3.1.1 - Language of Page 0% 100% 100% 100% 100%

3.1.2 - Language of Parts 0% 0% 0% 0% 0%

Percentage of Success Criteria Met 0% 50% 50% 50% 50%

Criteria #8: Validation

/ 192012. AccessibilitéWebToll Free: 1 (877) 315-5550

Percentage of success criteria successfully met

WCAG 2.0 - Success Criteria

4.1.1 - Parsing 0% 0% 0% 0% 0%

Percentage of Success Criteria Met 0% 0% 0% 0% 0%

Overall success rating...

/ 202012. AccessibilitéWebToll Free: 1 (877) 315-5550

Could they do any WORSE if they actually tried?

Well, let’s take a look!

/ 212012. AccessibilitéWebToll Free: 1 (877) 315-5550

Six months later... What are the improvements?

•✔ Adjacent links and link images combined

•✔ Properly closed HTML tags

• No noticeable improvements

•✔ Decorative images made invisible to screen readers

•✘Some HTML tags aren’t properly closed anymore

•✘Some presentation aspects are now handled in HTML

•✔ Contextual metadata are now used to describe pages

•✔ Adjacent links and link images combined

• No noticeable improvements

2012: Just as bad as it was six months agoMost Common a11y

Problems

#1 – Section Headings 0/3 0/3 2/3 1/3 1/3

#2 – Color Contrasts 0/1 0/1 0/1 1/1 0/1

#3 – Labels and Form Fields 0/2 0/2 0/2 1/2 0/2

#4 – Keyboard Navigation 0/7 1/7 2/7 0/7 0/7

#5 – Text Equivs for Images 0/1 0/1 0/1 0/1 0/1

#6 – Multimedia NA 0/3 NA 0/3 0/3

#7 – Language 0/2 1/2 1/2 1/2 1/2

#8 – Validation 0/1 0/1 0/1 0/1 0/1

Total Success Criteria Met 0/15 2/20 5/15 4/20 2/20

Not enough to make a difference!

/ 222012. AccessibilitéWebToll Free: 1 (877) 315-5550

/ 232012. AccessibilitéWebToll Free: 1 (877) 315-5550

...what can WE do to improve social media accessibility?

So, if THEY won’t take accessibility seriously...

What Can Organizations Do?

/ 242012. AccessibilitéWebToll Free: 1 (877) 315-5550

Setting the rules...

Allowing?

Controling?

Prohibiting?

Reinventing the (social media) wheel?

What's your social a11y gameplan?How can organizations tackle social media responsibly?

Helping Social Media Giants Understand

/ 252012. AccessibilitéWebToll Free: 1 (877) 315-5550

Slice of life: “The Survey Monkey Incident”

Using constructive criticism to get results

Getting Involved!• Contribute! Build! Hack!• (Beg if you have to!)

Promote accessible options (Easy Chirp, Deque’s Amaze, etc.)

Reach out to existing initiatives (Fix The Web, W3C, etc.)

Thank You!

Denis Boudreau,

Chairman

Coopérative AccessibilitéWeb

1751 Richardson street, suite 6111

Montreal (Quebec), Canada H3K 1G6

Toll Free: +1 (877) 315-5550

Email: db@csaw.ca

Twitter: @dboudreau

/ 262012. AccessibilitéWebToll Free: 1 (877) 315-5550