![“[f]or over 20 years, the DOJ has
consistently maintained that the
ADA applies to private websites
that meet the definition of a
public accommodation. . . . Hobby
Lobby had more than sufficient
notice in 2010 to determine that
its website must comply with the
ADA.
- Judge John F. Walter, U.S.
District Judge
29](https://image.slidesharecdn.com/webcontentaccesibility-180809183442/85/Web-Content-Accessibility-and-Implementations-29-320.jpg)
Web Content Accessibility and Implementations
- 2. 2 QUESTION 1. Do you know anyone with a disability? 2. Did you overcome a disability? 3. How will a disabled person work in this office? 4. Do you what ADA - Americans with Disabilities Act - compliance is?
- 3. 3
- 4. Can you name a few? 4 This is something you’ve already experienced You’ve come across signs of accessibility.
- 5. Place your screenshot here 5 This is something you’ve already experienced You’ve come across signs of accessibility.
- 6. Place your screenshot here 6 This is something you’ve already experienced You’ve come across signs of accessibility.
- 7. Place your screenshot here 7 This is something you’ve already experienced You’ve come across signs of accessibility.
- 8. Place your screenshot here 8 This is something you’ve already experienced You’ve come across signs of accessibility.
- 9. WHAT IS A DISABILITY? ● Auditory ● Cognitive ● Neurological ● Physical ● Speech ● Visual 9
- 10. IT’S A CONTINUUM Permanent Deaf Blind Mental disability Physical disability Temporary My internet is slow today Broken arm Not wearing glasses I’m old, my sight sucks Contextual Bright sunlight I can’t listen to audio right now I stay in a rural area I’m in a developing country I only have a mobile 10
- 11. 11 Let’s see this in action - Voice recognition - Screen readers
- 12. WHAT CAN WE DO?
- 13. 1. A SITE AUDIT
- 14. Chrome Dev Tool ● Audits ● Elements ● What are the results? ● Test it against Apple.com ● Tota11y Plugin 14
- 15. ARIA? Accessible Rich Internet Apps A set of attributes that define ways to make Web content and Web applications more accessible.
- 16. 2. EMPATHISE
- 17. 17
- 18. “ We need to make every single thing accessible to every single person with a disability. - Stevie Wonder 18
- 19. LET’S GET FUNKY Using Funkify the Disability simulator start to see your site through the eyes of others. Let’s Apple again. 19
- 21. CONTRAST General rule Level AA: The visual presentation of text and images of text has a contrast ratio of at least 4.5:1 21 background: white, text: #b4b4b4 RUN TEST
- 22. PLAIN LANGUAGE All writers, including producers of technical and academic content, owe it to readers to communicate information simply, and clearly. 22 RUN TEST
- 23. THE DREADED ALT Links and images with appropriately named alt tags. Decide if the image presents content and if the image has a function. 23
- 24. DON’T RELY ON COLOR Color should not be the only way information is conveyed. Example: required fields for forms. 24
- 25. BIG FONTS Fonts should never be too small to read. Never. Consider the use of line heights and white spaces. 25
- 26. WHY SHOULD I CARE
- 27. 27 LAWYER UP “2017 saw an unprecedented number of website accessibility lawsuits filed in federal and state courts, and few courts willing to grant early motions to dismiss.” - Seyfarth Shaw
- 28. 28 June 13, 2017 - Make your site accessible! June 15, 2017 - Refused to let go of a battle on behalf of a blind customer. July 21, 2017 - Took them to court! August 1, flaming court case in favour of compliance.
- 29. “[f]or over 20 years, the DOJ has consistently maintained that the ADA applies to private websites that meet the definition of a public accommodation. . . . Hobby Lobby had more than sufficient notice in 2010 to determine that its website must comply with the ADA. - Judge John F. Walter, U.S. District Judge 29
- 30. 30
- 31. 31 IT MATTERS, BECAUSE PEOPLE DO True accessibility is about providing universal access. That means anyone who wants to access information on the website can do it, regardless of platform or physical ability.
- 33. 33