Social Media Accessibility: Where Are We Today? OpenWeb Camp IV San Jose – July 14th, 2012 / AccessibilitéWeb Toll Free: 1 (877)

/ AccessibilitéWeb Toll Free: 1 (877)

Attribution NonCommercial ShareAlike 2.5 Canada / 3 Some Rights Reserved AccessibilitéWeb Toll Free: 1 (877)

Yeah so, in case you haven’t noticed already... / AccessibilitéWeb Toll Free: 1 (877)

Speaker Denis Boudreau 12 years in Web Accessibility Web Accessibility consultant Chairman, AccessibilitéWeb Co-editor, SGQRI 008 standards Invited Expert, W3C / AccessibilitéWeb Toll Free: 1 (877)

Social Media Offer Great Opportunities... / AccessibilitéWeb Toll Free: 1 (877) If you’re lucky enough to be able to use them

Social Media Should be About People / AccessibilitéWeb Toll Free: 1 (877) Communicating, Sharing, Interacting, Bonding, Networking, Contributing, Fighting (why not!)......With each other & on the Web.

As It Turns Out... / AccessibilitéWeb Toll Free: 1 (877) 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... / AccessibilitéWeb Toll Free: 1 (877) 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... / AccessibilitéWeb Toll Free: 1 (877) Communication strategies Social media infatuation Legal requirements Moral responsibilities Public expectations Etc.

Evaluation Results Overview / AccessibilitéWeb Toll Free: 1 (877) Total of success criteria successfully met (2011) Most Common a11y Problems #1 – Section Headings 0/3 2/31/3 #2 – Color Contrasts 0/1 1/10/1 #3 – Labels and Form Fields 0/2 1/20/2 #4 – Keyboard Navigation 0/71/72/70/7 #5 – Text Equivs for Images 0/1 #6 – Multimedia NA0/3NA0/3 #7 – Language 0/21/2 #8 – Validation 0/1 Total Success Criteria Met 0/152/205/154/202/20

Criteria #1: Section Headings / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Info and Relationships 0% Page Titled 0% 100% 0% Parsing 0% 100%0%100% Percentage of Success Criteria Met 0% 67%33%

Criteria #2: Color Contrasts / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Contrast (Minimum) 0% 100%0% Percentage of Success Criteria Met 0% 100%0%

Criteria #3: Labels and Form Fields / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Info and Relationships 0% Labels or Instructions 0% 100%0% Percentage of Success Criteria Met 0% 50%0%

Criteria #4: Keyboard Navigation / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Info and Relationships 0%100%0% Meaningful Sequence 0% 100%0% Resize text 0% Keyboard 0% Bypass Blocks 0% Focus Order 0% 100%0% Focus Visible 0% Percentage of Success Criteria Met 0%14%29%0%

Criteria #5: Text Equivalents for Images / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Non-text Content 0% Percentage of Success Criteria Met 0%

Criteria #6: Multimedia / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Non-text Content NA0%NA0% Audio & Video-only (Prerec.) NA0%NA0% Captions (Prerecorded) NA0%NA0% Percentage of Success Criteria Met NA0%NA0%

Criteria #7: Language / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Language of Page 0%100% Language of Parts 0% Percentage of Success Criteria Met 0%50%

Criteria #8: Validation / AccessibilitéWeb Toll Free: 1 (877) Percentage of success criteria successfully met WCAG Success Criteria Parsing 0% Percentage of Success Criteria Met 0%

Overall success rating... / AccessibilitéWeb Toll Free: 1 (877) Could they do any WORSE if they actually tried?

Well, let’s take a look! / AccessibilitéWeb Toll Free: 1 (877) 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 ago Most Common a11y Problems #1 – Section Headings0/3 2/31/3 #2 – Color Contrasts0/1 1/10/1 #3 – Labels and Form Fields0/2 1/20/2 #4 – Keyboard Navigation0/71/72/70/7 #5 – Text Equivs for Images0/1 #6 – MultimediaNA0/3NA0/3 #7 – Language0/21/2 #8 – Validation0/1 Total Success Criteria Met 0/15 2/2 0 5/15 4/2 0 2/20 Not enough to make a difference! / AccessibilitéWeb Toll Free: 1 (877)

/ AccessibilitéWeb Toll Free: 1 (877) what can WE do to improve social media accessibility? So, if THEY won’t take accessibility seriously...

What Can Organizations Do? / AccessibilitéWeb Toll Free: 1 (877) 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 / AccessibilitéWeb Toll Free: 1 (877) 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) Twitter: / AccessibilitéWeb Toll Free: 1 (877)