Skip to Main Content

Designing for Accessibility

Tips, tricks for Universal Design, Design for All

Site Checkers

These tools will help you be compliant with ADA / Section 508 / WCAG 2.0 so that all visitors to your web site can navigate it easily.

Using Assistive Technology

Screen Readers

  • Audio interface
  • Convert text into synthesized speech
  • Primarily use keyboard for navigation

How screen readers read web pages

  • Linear (left to right, top to bottom)
  • Users can use keyboard shortcut to skim through content

Testing Software

Use these applications to test how well the screen readers do on your website.

Navigation Without a Mouse

How to Test Keyboard Accessibility

  1. Unplug your mouse
  2. Use keyboard only
    • Tab key (Shift + Tab: go back a step) to navigate
    • Enter key to activate links, buttons
    • Esc key to cancel dialogs, menus

Touch Screens on Mobile Devices

Color Pickers

For accessibility, make sure that you color and font choices have high contrast ratios.

Fonts

HTML and CSS Resources

Otis College of Art and Design | 9045 Lincoln Blvd. Los Angeles, CA 90045 | Otis Dashboard

Millard Sheets Library | Library Dashboard Site | 310-665-6930 | Ask a Librarian