a11y for slideshare

11
Digital accessibility for people with disabilities #a11y Revised Deck from December 2014 Finalist Presentation PSU CEPE Digital Marketing Strategy Course @E_lizaG www.linkedin.com/elizagreenwood elizagreenwood.com/accessibility-ready

Upload: eliza-greenwood

Post on 23-Feb-2017

528 views

Category:

Marketing


0 download

TRANSCRIPT

Page 1: A11y for slideshare

Digital accessibility for people with disabilities

#a11y

Revised Deck from December 2014 Finalist Presentation PSU CEPE Digital Marketing Strategy Course

@E_lizaGwww.linkedin.com/elizagreenwoodelizagreenwood.com/accessibility-ready

Page 2: A11y for slideshare

I’m a SODA

2012 Keynote speaker

Int’l Disability Film Festival – Moscow 2012 awardee “best film that breaks down stereotypes” Austin Unbound

notes on this slide online at: bit.ly/a11yslide2

2010 U.S. census report:19% of the population has a disability

Page 3: A11y for slideshare

google.com/trends: US, 2007-2014

“Disability” is an ongoing pain point

• disability • obamacare• recession• gay marriage

Google trends

Page 4: A11y for slideshare

Digital Accessibility Liability

Infographic by Deque

The DOJ added section 508 to the ADA in 2001

Deque infographic

notes on this slide online at: bit.ly/a11yslide4

Page 6: A11y for slideshare

Gather pulse on SM

My goal: survey 500 PWD for SM #a11y priorities

Facebook Twitter LinkedIn Pinterest0123456

SM/#a11y

vision hearing mobility

Social Media Analysis for AUX

notes on this slide online at: bit.ly/a11yslide6

Page 7: A11y for slideshare

SEO tacticsAlt tagsactual text rather than images of text

Titles on everythingSitemapHeaders

and get• increased

inbound traffic

• improved WAVE score

to improve #a11y WAVE scores

Test SEO Tactics

Page 8: A11y for slideshare

• Work with me to improve your website for increased SEO/#a11y

• Help gather info about SM usability.

This info will be used to help close the gap for #a11y!

Your Support:

Page 9: A11y for slideshare

THANK YOU

use #a11y ping me on SM!

[email protected]@E_lizaG503-954-1227www.linkedin.com/in/elizagreenwoodwww.elizagreenwood.com/accessibility-ready

See next slide for 16 bonus resources and a glossary of terms.

Page 10: A11y for slideshare

16 bonus resources

8 Interesting Reads: 8 Web Go Tos for Development & Design

• Census Report 2010

• Eliza Greenwood – for hire

• FCC resources - browse by disability

• Google #a11y Team

• Int’l Technology & PWD Conference

• Marcy Sutton article: audit for accessibility

• Syncwords on UX with Captions Webinar

• W3C Suggestion to Involve Users

• Deque Fireyes Accessibility Plug-In

• FireFox Add-On: Juicy Studio

• JAWS Screen Reader Software

• Lea Verou’s Color Contrast Analyzer

• NVDA Open Source Screen Reader

• Paciello Group Web Accessibility Toolbar

• WebAIM’s 508 Standards Checklist

• WebAIM’s Infographic for Designers

Page 11: A11y for slideshare

glossaryof terms

Terms Definitions#a11y Hashtag being used to talk about digital accessibility.

(The word “accessibility” starts with an “a”, ends with a “y” and has eleven letters in between.)

alt tags An HTML attribute in the IMG tag providing alternate text when an image on a web page cannot be seen/displayed.

AUX Accessible “UX”ping me Request to include my name in your related posts!

PWD Acronym for “People with Disabilities”SEO Acronym for “Search Engine Optimization” – the

process of affecting visibility of a website or web page search results.

sitemaps List of pages for a web site accessible to crawlers/users.

SM Social Media (i.e. Facebook, Twitter, Pinterest)SODA Sibling of Deaf AmericanUX Stands for “User Experience” used to inform design to

enhance user satisfaction by improving usability, ease of use and pleasure provided in the interaction between the user and the product.