Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Disabilities: Web Accessibility

WebAIM: Web Accessibility in Mind

WAVE: Web Accessibility Evaluation Tool

Accessibility Guidelines

Recommendations to ensure your website is accessible for all:

Text
  1. Use clear fonts and don't mix different font types. It is recommended that you use the LibGuides default font, but if you change fonts, select a font that is easy to read online.
  2. Use emphasis - bolding, italicizing, and changing the color of text - sparingly. 
  3. Don't use all caps for emphasis. This can cause difficulty for users of screen readers.
  4. Don't use underlines for emphasis. Users will think an underline is a hyperlink.
  5. To make text larger, use headings rather than increasing the font size.
  6. Don't rely on changing text color to emphasize text. Color won't be useful for all users, and is usually unavailable to screen reader users.
  7. If you change your font color, make sure there is a strong contrast between your font and the background.
Headings and Lists

"Headings, lists, and other structural elements provide meaning and structure to web pages. They can also facilitate keyboard navigation within the page" (WebAIM: Principles of Accessible Design).

  1. Use the Rich Text Headings to provide structure for your text and to make it easier for users to navigate your page.
  2. Your LibgGuide Box titles use Heading 2, so when using Rich Text headings, start with Heading 3.
  3. Higher level Headings should be placed above lower level ones otherwise your hierarchy gets confused. Here is an example:

    • H3

      • H4

      • H4

Images, Videos, and Links
  1. Include descriptive and appropriate alt text (ALT tags) for your images. Find out more about how to use alternative text.
  2. Don't use an image if the subject of the image is just text.
  3. Provide captions and/or transcripts for videos.
  4. Make sure your linked text makes sense out of context. Avoid using words or phases like "click here," "more," or "click for details" in front of links.
Tables
  1. Avoid using tables for layout purposes whenever possible.
  2. Use tables mainly to display data that fits well into rows and columns.
  3. Tables that are used to organize tabular data should have appropriate table headers (the <th> element). Learn more about creating accessible tables.
  4. Add table caption and summary to provide more information about the table for screen reader to pick it up.
  5. Avoid spanned rows as screen readers may not properly parse them.

This content was adapted by Erica Nicol at WSU from WebAIM's Principles of Accessible Design.