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


Social Media Offer Great Opportunities...


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

Jumping in


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?!


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

SPAM 2.0

Social Media Should be About People


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

...With each other & on the Web.

As It Turns Out...


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


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


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


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




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


Criteria #3: Labels and Form Fields





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


Criteria #4: Keyboard Navigation





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%


Criteria #5: Text Equivalents for Images




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


Criteria #6: Multimedia




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




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

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


Criteria #8: Validation




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


Overall success rating...


Could they do any WORSE if they tried?

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


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!


What Can Organizations Do About This?


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


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


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: [email protected]

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


http://spkr8.com/t/9365

http://is.gd/ernyQx

Social media accessibility: where are we today?

Technology