LibGuide Maintenance: ADA Compliance

http://wave.webaim.org/

WAVE is a free web accessibility evaluation tool. Type in the URL and the tool will display any errors (red boxes - not compliant) and alerts (yellow boxes - not friendly, but technically compliant.)

(Note: This LibGuide is not ADA compliant due to examples used in the guide.)

• Provide alternative text for every image. Don't reuse the caption, as a screen reader will read both and give redundant information. Instead, describe the photo.
• Avoid using images instead of text. 
  • Instead of using a screenshot of text in Word, use a Google Font instead. Read the instructions on how to add it to the custom CSS for your guide.
  • If you're using an image of a logo as a stand-in for text, make sure you label the alternative text appropriately.
• The font size should be over 10px. Make sure text is easily distinguishable from the background color.
• Avoid repetitive links, e.g., if you've made a website logo a link to the website, you don't need to follow the image with a text link.
  • Make sure your links are complete like this and not broken up like this. The latter creates three links to the same page.
• Order of heading levels matter. If you decide to use the heading levels (found under the format drop down box when adding Rich Text/HTML), make sure you don't skip a heading level. (Think of the heading levels as levels in an outline.)
  • Box titles are technically headings, so make sure you don't leave them blank, as that counts as an empty heading.
• Use descriptive links. Avoid using "here" and "read more" as links. Instead of "Read the manual here," say "Read the Chicago Manual of Style" or simply "Chicago Manual of Style."