1. Marketing Without
Barriers
LA2M 6/11/2014
Considering Digital Accessibility for Customers and
Prospects with Disabilities

2. Marisa Smith, Head Brainiac
@wholebrainprez
http://www.thewholebraingroup.com

3. #a11ymktg

4. Cognitive
Thoughtful
organization
and layout of
content
Hearing
Closed/Open
Captions
Transcript
Files
Visual
Screen
Readers
Braille Displays
Ambulatory
Keyboard Only
Speech to Text
Software
What is Digital Accessibility?
Designing and developing your website and digital
marketing materials so that people with disabilities can
perceive, understand, navigate, interact and contribute.

5. “POUR” vs Poor
• Perceivable - All visitors have similar experience, regardless of ability
• Operable - All controls and interactive elements are ‘usable’
• Understandable - Content is clear, limits confusion and ambiguity.
• Robust - Access of content with wide range of technologies

6. Why should you care about digital
accessibility?

7. Growing Market Opportunity

8. Market Opportunity

9. Who does it affect?

10. 80% of accessibility improvements have an SEO benefit:
● Alt text on images, correct page structure, transcripts of
videos and infographics, etc.
Many accessibility principles are also core usability principles:
● Help users navigate and find content
● Make text readable and understandable
● Make content appear and operate in predictable ways
● Help users avoid and correct mistakes
SEO and Usability Benefits

11. Legal Liability
Notable Decisions and Settlements
Commerce
• NFB v. Target (2006)
• ACB, AFB, CCB v. Staples (2009)
Insurance and Health
• Doe v. Mutual of Omaha (1999)
• ACB, AFB, CCB v. Rite Aid (2008)
• ACB, AFB, CCB v. CVS (2009)
• ACB v. American Cancer Society (2011)
Financial
• State of NY v. HSBC (2009)
• DOJ v. Wells Fargo (2011)
• Kit Lau v. Charles Schwab (2012)
Websites are a
place of public
accommodation

12. Canada:
Common look & Feel, Accessibility
for Ontarians with Disabilities Act
(AODA)
Europe: Britain-DDA; EU
pending legislation China/South Korea: WCAG
2.0
Japan: JIS
Australia: Advanced
Accessibility Standards
Israel: Advanced
Accessibility Standards
International Standards
United States:
WCAG & Rehabilitation Act

13. Rehabilitation Act
The Rehabilitation Act prohibits discrimination on the basis of disability
in programs conducted by Federal agencies, in programs receiving
Federal assistance, in Federal employment, and in the employment
practices of Federal contractors.
● Section 503
● Section 504
● Section 508

14. Americans with Disabilities Act (ADA)
The Americans with Disabilities Act (ADA) is legislation passed in 1991
outlawing discrimination against those with disabilities.
● ADA ensures physical access to public places.
● Digital Access not expressly in law, but Department of Justice has
taken the position that Title III also applies to websites as part of
“public accommodation”.
Remove barriers to information just as you would remove physical
barriers to a building

15. OK, I care! Now what?

16. Assistive Technology
You need to build your digital content
to be compatible with assistive
technology.

17. WCAG Standards
W.C.A.G. is a series of web accessibility guidelines published by the
W3C's Web Accessibility Initiative. It’s the standard rule set that
defines what exactly makes a website accessible.
Web Content Accessibility Guidelines

18. Top 10 Digital Accessibility Issues
1. Alt Text for Images (active images, informative images,
decorative images, complex images)
2. Keyboard Accessible (Keyboard Traps)
3. Forms and Dynamic Content Focus (ex: Date Pickers & Form
Error messaging)
4. Focus Indicators (Keyboard Only)
5. Color as information (and contrast)

19. 6. Semantics (heading structure and lists)
7. Data tables (labels)
8. Multimedia (captions & transcripts)
9. Skip to Content (navigation)
10. Downloadable PDFs (embed text)
Top 10 Digital Accessibility Issues

20. ✓ Mobile sites and mobile applications used to
serve information to your customers
✓ Downloadable PDFs
✓ Landing pages and forms
✓ Webinar tools
✓ Email marketing content
✓ Third party tools and content (HubSpot,
Marketo, ZenDesk, UserVoice)
Consider Accessibility of ALL Digital Content
Consider accessibility when building your
buyer personas

21. ✓ Consider color contrast of
background and text
✓ Beware of gradients
✓ Avoid indicating status or
information with color alone
✓ Make sure fonts are sans-serif
Consider Accessibility in Your Style Guide

22. •I have to provide a text only version
•My site can’t look good and be accessible
•Accessibility diminishes functionality
•Accessibility is impossible to achieve
•Accessibility is expensive
•Accessibility is a lot of work to help a few people
Accessibility Myths
Accessibility Myths

23. Sample Accessible Website
http://www.deque.com
✓ Aesthetically pleasing
✓ WCAG 2.0 Compliant
✓ Integrated with HubSpot

24. Accessibility Blueprint
Accessibility is not a one person show: you can’t do it alone, nor
should you…
You need the right:
• Development Tools
• Resources
• Training
• Engagement from External Partners

25. Download FireEyes available at no cost at http://www.
deque.com/deque-fireeyes
Study W3Cs Web Content Accessibility Guidelines at
http://www.w3.org/TR/WCAG/
Free Development Tools
WAVE Browser Toolbar - http://wave.webaim.org/toolbar/
WAVE Color Contrast Checker - http://webaim.
org/resources/contrastchecker/

26. Next steps: Audit. Fix. Sustain.
✓ Decide if you will make digital accessibility a priority
✓ Understand the legislation that may apply to your business
✓ Determine the level of accessibility you will conform to
✓ Begin to create a culture of accessibility through training & education
✓ Review accessibility of site designs & templates – check for things like
keyboard accessibility of navigation, color contrast of design, alt tags
on images, template structure, etc.
✓ Review accessibility of other digital content – videos, pdfs, etc.
✓ Correct accessibility violations in site designs/templates and other
digital content
✓ Plan for sustainability and monitor compliance

27. Resources & Credits
✓ WBG Accessible Marketing Blog Posts
○ http://wholebra.in/a11ymktg
✓ WBG Checklist: Designing for Accessibility
○ http://wholebra.in/a11ydesign
✓ Deque Systems Website
○ http://www.deque.com
Thank you to our client, Deque Systems, for allowing me to reuse selected graphics from the infographics and
presentations we have created for them.