Web Accessibility Best Practices

Campus Information Technologies and Educational Services (CITES) and Disability Resources and Educational Services (DRES)

University of Illinois at Urbana/Champaign

Main Menu

Overview
Requirements
Standards
Navigation
- Overview
- Unique Titles
- Headings
- Menus
- Dynamic Menus
- Form Labels
- Language
- Links
- Lists
- Simple Tables
- Complex Tables
- Access Keys
- Frames
Text Equivalents
- Overview
- Markup Techniques
- End-User Support
- Positioning
- Borders
- Separators
- Backgrounds
- Logos
- Links
  - Image Maps
- Text Styling
- Icons
  - Navigation
  - Indicator
- Graphs
- Tables
- Diagrams
- Maps
- Math
- Photographs
- Thumbnails
- Artwork
- Animated Images
- Comics
- Scanned Text
- Languages
- CAPTCHA
- Advertising
- Audio/Video
- Style Manual
Styling
- Overview
- Decorative Images
- Fonts
- Colors
- Borders
- Links
- CSS Box Model
- Table Layout
- CSS Layout
Scripting
Functional Testing
- Overview
- Links
- Headings
- Window Size
- Zooming
- Colors
- Forms
- Data tables
- Images
- Linearization
- Keyboard
Examples
- Typical
- Forms
- Tables

Sand Trail

Accessible Home and Secondary Page Examples

Main and Secondary Page Examples

Accessibility features summary

title and h1 uniquely identify each page
h2 and h3 used for sub topics
Navigation bars created using unordered lists (UL) and the use of the title attribute to give the collection of links a label
CSS used for layout, graphcial and text styling
label used for form controls
Accesskeys
- Accesskey 1: Main content
- Accesskey 2: Search text control
- Accesskey 3: Navigation bar

Web Documents

Section 508 as a single document

Accessibility features summary

title and h1 uniquely identify the resource
h2 and h3 used for sub topics
Table of contents created using unordered lists (UL) and the use of the title attribute to give the collection of links a label
CSS used for layout, graphcial and text styling
Accesskeys
- Accesskey 1: Main content
- Accesskey 3: Navigation bar