UO Adaptive Technology
Masthead

Accessible Web Design: Five Big Ideas


  1. Make sure you can navigate and operate your page with the keyboard alone.

  2. Include clear and concise ALT attributes for all relevant images and graphics appearing in your site. "Comment out" (for the screen reader) strictly decorative graphics with alt = "". Use a testing tool to view images replaced with their alt text.
    WebAIM: Images

  3. Tables
    Data - Use row and column headers to help identify cell contents. In data tables that are nested use the "id" attribute to clarify cell titles.
    Layout - How a table content "looks" and how it "reads" can be two different things. Use a tool to linearize your table to make sure it still makes sense. This is the order that a screen reader will read it.
    WebAIM: Tables

  4. Forms
    Use "label" and "fieldset" attributes.
    Submit via a "button" rather than an automatic script.
    WebAIM: Forms


  5. Provide clear and uniform site navigation features and the ability to "skip" to main content.
    Jim Thatcher: Skip Navigation

Designing Web Accessibility at the U of O

University of Oregon Home Page

Comment on this Page

This site is maintained by James Bailey, the university's Adaptive Technology Access Advisor. Updated: 12/04