TIP LIBRARY

What Are The ADA Compliance Best Practices?

They hit 4 key areas color, links, structure, & media. #

Colors #

  • Never use light gray for text.
  • Don’t use color as the only instruction. Example: “Required fields in red”. You need to provide an alternative way to convey a required field for people who don’t see red.
  • Make sure foreground and background colors pass a color contrast test. There are several free tools available online to help you choose appropriate contrasting color palettes.
  • For buttons, the color of your text must always contrast against the background color of your button.

Links #

  • Colors can be used as a way to distinguish links when the surrounding text has a contrast ratio of 3:1 and when additional visual cues on hover or focus are provided like an underline, outline, etc.
  • Links must be visually distinguishable from surrounding non-link text.
  • Never use “Click Here” as link text. Your link text must clearly describe the purpose of the link.
  • Using ARIA to give link a discernible name.
  • Provide skip links for keyboard users to be able to navigate your website without a mouse or trackpad.

Structure #

  • Title is required on every pages
  • Page titles use H1 tag.
  • Do not skip hierarchical heading levels.
  • The source of an iframe must have a valid, meaningful title. Example: <iframe src=“source.com” title=“Source”>
  • All texts must be readable and easy to see.
  • Content should be left aligned for dyslexia users and users with poor eyesight to be able to read through your website. Headings and subheadings can be centered or left aligned.
  • Breadcrumb navigation, if applicable, should be left aligned.

Media (Images, etc.) #

  • All images must have an alt text.
  • Use ARIA to describe the destination of an Image link.
  • Alt text should be clear, concise and no more than 250 characters.
  • Never use “image of”, “graphic of” or “picture of” as alt text.
  • Avoid using images as text.
  • Use closed captioning and subtitles for all Videos to provide readable dialogs, narrations and other meaningful sounds.
  • Provide transcripts for all podcasts.
  • Provide a method to pause, stop, or hide automatically playing media content.

Check Out These Podcasting Tips Next:

What ADA Compliant Website Advice Should You Adopt To Make Your Podcast Website Surprisingly Better?

 

 

Did you find what you were looking for? Let us know!
Scroll to Top