Upload
accessibiliteweb
View
4.337
Download
0
Embed Size (px)
DESCRIPTION
Twitter, FaceBook, Google+, LinkedIn and YouTube. Love them or hate them, they play a pivotal role in society today. But just how accessible are they?
Citation preview
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: [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
/ 252012. AccessibilitéWebToll Free: 1 (877) 315-5550