Skip to main content

ADA Compliance

Updated

Ensuring Your It's a Money Thing Content is ADA Compliant

The Americans with Disabilities Act (ADA) requires that businesses (including credit unions) make accessibility accommodations to enable the disabled public to access the same services as clients who are not disabled. This includes electronic media and websites.

If you intend to add your It's a Money Thing content to your credit union's website, here are specific measures that you can take with each content type to ensure ADA compliance.

Videos

  • We include video hosting with all of our plans using Wistia and all of the videos include ADA-compliant closed captions
  • Simply follow these instructions to embed the videos into your website
  • If you chose to upload your videos natively to social media platforms, we recommend uploading the included SubRip (.srt) files along with your videos; we provide detailed instructions on how to add closed captions to your Facebook videos

Presentations

  • The presentations are provided in PDF format
  • If you intend to add the presentations to your website, we recommend using SlideShare (a free service provided by LinkedIn) and then embedding the files on your website
  • SlideShare automatically adds a text transcript of each slide
  • Underneath the embedded presentation file, add a link to the original file on SlideShare to provide access to the text transcript
  • More tips on using the presentations
  •  

Infographics

  • Include an alt tag with each image
  • Add an alt description that describes the purpose of the image
  • Since the infographics are complex graphics, they should be accompanied by detailed text descriptions; we provide an infographic transcript with every content pack—this text can be included below the infographic or on a separate linked page 
  • More tips on using the infographics

Handouts

  • The handouts are provided in PDF format
  • If you intend to add the PDFs to your website, make sure that any links to the PDFs are accompanied by detailed text descriptions
  • More tips on using the handouts 

Articles

Social media graphics

  • Include an alt tag with each image
  • Add an alt description that describes the purpose of the image
  • If an image is also used as a link, make sure the alt tag describes the graphic and the link destination
  • Here's instructions for customizing alt tags and descriptions on the major social media platforms:

ADA compliance checklist

To check your website for accessibility, use the accessibility checklist published by the U.S. Department of Health and Human Services. Here's a simplified version: 

  1. Images have alternate text that can be read by screen reader software
  2. Recorded video content includes captions
  3. Video or audio-only content is accompanied by text transcript or description
  4. Links are provided to media players required to view content
  5. Headings are presented in logical order
  6. “b” and “i” tags are replaced with “strong” and “em”
  7. There are no empty links or heading tags
  8. Presentation does not rely solely on color
  9. Automatically-played audio does not occur or can be stopped
  10. The keyboard can be used to navigate the site
  11. Keyboard focus is never stuck on one particular page element
  12. Time limits provide notifications to the user
  13. Automatically scrolling or blinking content can be stopped
  14. No strobe effects or rapidly flashing colors occur on the site
  15. “Skip navigation” functionality allows keyboard users to quickly access content
  16. Page titles clearly and succinctly describe page content
  17. Buttons and links are clearly and logically named
  18. The language of each page is identified in code
  19. Elements receiving focus do not change content in a substantial way
  20. Invalid form input is identified to the user
  21. Forms have labels and legends that can be read by screen reader software
  22. Live video or audio content includes captions.
  23. Contrast ratio between text and page backgrounds is at least 4.5:1 for normal text and 3:1 for large text
  24. Text on pages can be resized to 200% while still maintaining form
  25. Images are not used where text can achieve the same purpose
  26. Pages on the site can be accessed in multiple ways
  27. Keyboard focus is visible and clear
  28. Menus and buttons are used consistently regardless of the user’s location in the site
  29. Users are given suggestions on how to solve input errors
  30. An error prevention technique is used whenever the user is entering sensitive data
  31. Underlined text that does not provide a link is removed
  32. Redundant links on the same page are eliminated or minimized

Sources

  1. ADA Compliance Checklist https://www.paperstreet.com/ADA-compliance-checklist/
  2. Website Accessibility Under Title II of the ADA https://www.ada.gov/pcatoolkit/chap5toolkit.htm
  3. Title II Checklist (Website Accessibility) https://www.ada.gov/pcatoolkit/chap5chklist.htm
  4. HTML 508 Checklist https://www.hhs.gov/sites/default/files/hhs-508-webapps-checklist.xlsx
  5. WCAG 2.0 Checklist from WebAIM http://webaim.org/standards/wcag/WCAG2Checklist.pdf