Designing for Accessibility: Navigation Bars

Jon Gunderson, Ph.D.
Disability Resources and Education Services
Designing Universally Accessible Web Resources Workshop
e-mail: jongund@uiuc.edu
WWW: Workshop Home Page

Slides

  1. Example Table Based Layout
  2. Example CSS Layout
  3. Step 5: Navigation Bar 1 HTML Source Code
  4. Step 5: Navigation Bar 1 CSS
  5. Step 6: Navigation Bar 1
  6. Step 6: Navigation Bar 1 CSS
  7. Step 7: Navigation Bar 1
  8. Step 7: Navigation Bar 1 CSS
  9. Step 8: Navigation Bar 2
  10. Step 8: Navigation Bar 2 HTML
  11. Step 8: Navigation Bar 2 CSS
  12. Step 9: Left Hand Navigation Bar
  13. Step 9: Left Hand Navigation Bar HTML
  14. Step 9: Left Hand Navigation Bar CSS
  15. Step 10: Left Hand Navigation Bar
  16. Step 10: Left Hand Navigation Bar HTML
  17. Step 10: Left Hand Navigation Bar CSS
  18. Step 11: Search Box
  19. Step 11: Search Box HTML
  20. Step 11: Search box CSS
  21. Step 12: Contact Info
  22. Step 12: Contact Info HTML
  23. Step 12: Contact Info CSS

Accesskeys