Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accessibility First is the new Mobile First

59 views

Published on

The tech industry is leading the charge in making brands more accessible to people who are blind or visually impaired. There are apps that read mail, apps that can identify household objects, and even apps that provide tactile experiences during a solar eclipse. Organizations now have a corporate social responsibility to create and sustain an accessible digital brand experience, yet many are lagging behind. As a result, more than 240 lawsuits were filed last year alone against companies alleging violations of the Americans with Disabilities Act. This presentation helps communicate what makes a website accessible, why that’s important, and how accessibility is becoming so commonplace, it will soon be the norm in website design.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Accessibility First is the new Mobile First

  1. 1. Andy Didyk VP, Account Services & Strategy Ntara November 15, 2017 ACCESSIBILITY FIRST IS THE NEW MOBILE-FIRST
  2. 2. LISE PACE’S STORY
  3. 3. 1. https://www.cdc.gov/nchs/fastats/disability.htm 2. https://nfb.org/fact-sheet-blindness-and-low-vision 3. https://mangomattermedia.com/web-design/ensure-accessibility-every-online-audience/ 4. www.huffingtonpost.co.uk/damiano-la-rocca/website-accessibility_b_9931304.html Americans are blind or visually impaired1 22.9 MILLION About Americans with a hearing impairment are active online3 7.6 MILLION At least of blind or visually impaired consumers in the next 30 years2 DOUBLING We will see a of websites did not meet basic accessibility standards4 70% In 2015
  4. 4. Listen to your site. THE NON-VISUAL WEB
  5. 5. SCREEN READERS JAWS is the most popular screen reading software in the world. It’s a Microsoft software that provides text-to-speech translation or a Braille display.
  6. 6. View Details Sign In Cart View Details Find a Store Search Dog Cat Fish Bird Reptile Small Pet Pharmacy Sale Shop Now Shop Now Shop Now Shop Now Shop Now View Details View Details View Details Food Treats Supplies See More Food & Treats Litter Supplies See More Food & Care Supplies Life Fish See More Food & Treats Supplies Live Birds See More Habitats Supplies Live Reptiles See More Food & Treats Supplies Live Small Pets See More Learn More Submit Submit Learn More Contact Us Pet Services Careers Help Center About Us Email Sign-Up Store Locator Site Map Privacy Policy Terms of Use
  7. 7. 1.0 UTILITY Sign In Cart Find a Store Search 2.0 PROMOTIONS 3.0 MAIN NAVIGATION 4.0 BANNERS 5.0 CATEGORIES 6.0 FOOTER Contact Us Pet Services Careers Help Center About Us Email Sign- Up Store Locator Site Map Privacy Policy Terms of Use Food Treats Supplies More Dog Products 5.1 DOG Food & Treats Litter Supplies More Cat Products 5.2 CAT Food & Care Supplies Live Fish More Fish Products 5.3 FISH Food & Treats Supplies Live Birds More Bird Products 5.4 BIRD Food & Care Supplies Live Fish More Fish Products 5.5 REPTILE Food & Treats Supplies Live Birds More Small Pet Products 5.6 SMALL PET Shop Dogs Shop Cats Shop Food Shop Treats Shop Supplies Dog Cat Fish Bird Reptile Small Pet Pharmacy Sale Free Shipping Promo Details
  8. 8. WHAT DOES THIS MEAN FOR YOU?
  9. 9. ACCESSIBILITY CAN BE PROFITABLE annual ROI £13 MILLION boost in traffic 30%
  10. 10. NON-COMPLIANCE CAN BE LITIGIOUS Lawsuits 250+
  11. 11. “Winn-Dixie has presented no evidence to establish that it would be unduly burdensome to make its website accessible to visually impaired individuals. To the contrary, its corporate representative unequivocally testified that modifying the website to make it accessible to the visual impaired was feasible.” N. Scola, Jr., United States District Judge in Gil v. Winn-Dixie
  12. 12. Welcome to the new normal. ACCESSIBILITY-FIRST IS THE NEW “MOBILE-FIRST”
  13. 13. The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility guidelines published by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the Internet.
  14. 14. PRINCIPLES OF ACCESSIBILITY (P.O.U.R.) Provide text alternatives for non-text content. Provide captions and other alternatives for multimedia. Create content that can be presented in different ways, including by assistive technologies, without losing meaning. Make it easier for users to see and hear content. Perceivable
  15. 15. PRINCIPLES OF ACCESSIBILITY (P.O.U.R.) Make all functionality available from a keyboard. Give users enough time to read and use content. Do not use content that causes seizures. Help users navigate and find content. Operable
  16. 16. PRINCIPLES OF ACCESSIBILITY (P.O.U.R.) Make text readable and understandable. Make content appear and operate in predictable ways. Help users avoid and correct mistakes. Understandable
  17. 17. PRINCIPLES OF ACCESSIBILITY (P.O.U.R.) Maximize compatibility with current and future user tools. Robust
  18. 18. WCAG LEVELS OF ACCESSIBILITY Content structure that is logical and easy-to-follow by screen readers Consistent metadata, including alt image tags Content that tells an easy-to-follow story, free of jargon and unrelated images Avoid “read more” and “click this link” in favor of more specific, descriptive calls to action LEVEL A Websites MUST support this tier of accessibility
  19. 19. WCAG LEVELS OF ACCESSIBILITY No highly visual elements No carousels/sliders No auto play video and audio (without subtitles) No text embedded in images No features that are initially hidden on a page No labor-intensive UX LEVEL AAWebsites SHOULD support this tier of accessibility
  20. 20. WCAG LEVELS OF ACCESSIBILITY Custom code written specifically for users who are Blind or Visually Impaired Captions or voiceovers on videos LEVEL AAA Websites MAY support this tier of accessibility
  21. 21. HOW DO YOU GET STARTED?
  22. 22. Requires technological expertise Requires organizational commitment Requires a governance plan Requires education
  23. 23. Get Started: Ntara.com/Accessibility
  24. 24. Get Started: WAVE Plugin for Chrome
  25. 25. Visit: EnvisionUS.com
  26. 26. Visit: Bosma.org
  27. 27. Thank you.

×