Making your website ADA Compliant

Bfa63362ca0c223cda7769eda335f878?s=47 @angularboy
December 01, 2018

Making your website ADA Compliant

Coding an ADA-compliant website is achievable with minimal expense and minimal impact on usability with some basic guidelines and strategies. In this talk, Aayush will highlight the entry barriers to accessibility, helping you with the tools required to analyze your website and make it ADA compliant



December 01, 2018


  1. 3.

    I am a Web Developer and Open Source Enthusiast working

    towards Web Accessibility & Usability. Aayush Arora
  2. 5.
  3. 6.

    Americans with Disabilities Act No individual shall be discriminated against

    on the basis of disability in the full & equal enjoyment of goods, services, facilities, privileges, advantages, or accommodations of any place of public accommodation by any person who owns, leases ( or leases to) or operates a place of public accommodation.
  4. 8.
  5. 9.
  6. 11.

    Web Content Accessibility Guidelines (WCAG) provides a single shared standard

    for web content accessibility that meets the needs of everyone.
  7. 12.
  8. 13.

    Meet Kyle Woodruff • Kyle is having vision disability. •

    Kyle stays away from Online Classes 90% sites have problems accessing content Link
  9. 14.

    Meet Gordon Richins • Gordon Richens is having a motor

    disability. • He can’t use mouse and feels fatigue after a few minutes of using it. • With Mouse Stick, Gordon can access the computer but not the web. Link
  10. 15.

    Meet Curtis Radford • Curtis Radford is having hearing disability.

    • He can’t listen to the audio of media content present on Web. • Curtis performs guess work if the captions are not present on the video. Link
  11. 20.

    Type of Disabilities Hyperactivity Disorder Blindness or Low Vision Hard

    of Hearing Disability or Deaf Speech and Language Disabilities Brain Injuries Physical Disability
  12. 26.

    WCAG PRINCIPLES Perceivable – Success Criteria Operable – Success Criteria

    Understandable - Success Criteria Robust - Success Criteria
  13. 29.

    Information and UI components must be presented in ways users

    can perceive without losing information and structure. W3C
  14. 30.

    Who is generating the content? Alt Text User? Set alt

    text = ‘’ You? Set alt text = description
  15. 31.

    Prerecorded Audio Only •Creating Text Transcripts • Commercial Services •

    Scribie • Casting Words • Rev • Automated Services • Youtube • Free Softwares • otranscribe
  16. 36.
  17. 42.
  18. 44.
  19. 47.
  20. 48.

    Care about seizures. Web pages do not contain anything that

    flashes more than 3 times in 1 second
  21. 58.
  22. 59.

    Content must be robust enough that it can be interpreted

    by by a wide variety of user agents, including assistive technologies.
  23. 67.
  24. 70.
  25. 71.

    What we Learned: Wrap-up •Why we need ADA ? •Guidelines

    for ADA •WCAG 2.0 Overview •Four Principles – Perceivable, Operable, Understandable and Robust •Tools for Testing Accessibility
  26. 72.

    Alt Text Captioning Contrast Ratios Orientation Resizing Screen Text Give

    user Control Time Independent Interactions Seizures Skip Navigation Keyboard Navigation Making Webpages Readable Making Webpages Predictable Error handling Validated HTML content Unique id’s
  27. 73.

    Your Next Steps Follow Follow the Accessibility Community to get

    the updates. Fix Fix issues keeping in mind the Perceivable, Operable, Understandable and Robust Success Criteria’s and achieve ADA compliance. Run Run the Chrome Audit on your existing website