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