How to Make an Accessible Website

Accessibility Principles

For a comprehensive list, visit W3C Accessibility Principles.

Set Default Language

Make It Easy to Understand

Apply Structure

Create Accessible Links

  • Provide link text that describes where the link goes and gives meaning out of context.
    • Avoid phrases like “click here,” “learn more” and “read more”.
  • Underline links for quick identification.
Adding Effective Link Text

Use Color Appropriately

Add Alternative Text

  • Provide alternative (alt) text to images that convey meaning.
  • Keep the alt text short and concise (about 125 characters).
  • Hide images that do not convey meaning from screen readers.
    • Use an empty alt value (alt="")
  • Avoid images with text when possible. If necessary, add alt text.
Adding Effective Alt Text

Create Accessible Tables

  • Avoid using tables for layout.
  • Structure tables using table headers (th) and table data (td) elements.
  • Tables concepts tutorial

Make Media Accessible

If the website has embedded audio or videos, they must be accessible.

Check Accessibility

Accessibility checkers review some accessibility guidelines and provide useful information.

Visit Web Accessibility Evaluation Tools for a complete list of checkers. For info on how to check electronic documents, visit How to Make Your Content Accessible.

Screen Readers

Automated tools cannot verify all issues and should be combined with manual testing. Testing with a screen reader can help.

Resources