Social media accessibility: where are we today?

Social Media Accessibility:

Where Are We Today?A modest attempt at awaking the giants

CSUN 2012San Diego – March 1st, 2012

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

Attribution ⬌ NonCommercial ⬌ ShareAlike 2.5 Canada

/ 2

Some Rights Reserved

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

Speaker

Denis Boudreau

11+ yrs experience - Web Accessibility

Chairman, AccessibilitéWeb

Co-editor, SGQRI 008 standards

Invited Expert, W3C

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

Social Media Offer Great Opportunities...

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

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

Jumping in

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

What's an organization to do?

Governement onLine

Communication strategies

Social media infatuation

Accessibility requirements

Moral responsibility

Populations at risk of exclusion

Expectations from PWD groups

Public pressure

Social Poorly Accessible Media?!

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

(To be fair, just to name a few...)

SPAM 2.0

Social Media Should be About People

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

Communicating, Sharing, Interacting, Contributing, Bonding, Networking...

...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

The Quebec Government Dilemma

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

How Can We Play Along, with EVERYONE on Board?

Dealing with inclusion and accessibility requirements• Are social media accessible at all?• Are social media compliant with our requirements?• If not, can social media be made accessible?• Can we influence the social media giants positively?• How can we make sure no one gets left behind?

Evaluation Results Overview

/ 102012. 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

/ 112012. 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

/ 122012. 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

/ 132012. 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

/ 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% 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

/ 152012. 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

/ 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 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

/ 172012. 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

/ 182012. 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...

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

Could they do any WORSE if they tried?

Well, let’s take a look, shall we?

/ 202012. 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!

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

What Can Organizations Do About This?

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

Setting rules & adopting a “social a11y gameplan”

Allowing? Controling? Prohibiting?

Reinventing the (social media) wheel?

The Quebec government's approach

What's yours?How can organizations tackle social media responsibly?

Helping Social Media Giants Understand

/ 232012. 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, Amaze, etc.)

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

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

Communicating, Sharing, Interacting, Contributing, Bonding, Networking...

...With each other & on the Web.

...what can WE do to put the worms

back in the can and improve social media accessibility?

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

Thank You! Denis Boudreau,

President

Coopérative AccessibilitéWeb

1751 Richardson street, suite 6111

Montreal (Quebec), Canada H3K 1G6

Toll Free: +1 (877) 315-5550

Email: dboudreau@accessibiliteweb.com

Web: www.accessibiliteweb.com

Blog: www.accessiblogue.com

Twitter : @AccessibiliteWb @dboudreau

Spkr8 - Comments, suggestions?

http://spkr8.com/t/9365

Slideshare – present yourself!

http://is.gd/ernyQx

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