skip to content
Help

Web Accessibility I

Table of Contents

  1. Web Accessibility I
  2. Overview
  3. The User Experience
  4. Types of Disabilities
  5. Legal Issues
  6. Federal Accessibility Law
  7. State Law & CSU Policy
  8. What The Law Means to CSUCI
  9. Web Accessibility @ CSUCI
  10. Benefits for CSUCI
  11. Prep and Review
  12. Tools You'll Need
  13. Shortcuts
  14. Example Site
  15. Section 508 Compliance
  16. 7 Most Frequent Checkpoints
  17. (a) Text description of non-text elements
  18. Example Image #1 (meaningful)
  19. HTML Code for Example Image #1
  20. Example Image #2 (decorative)
  21. HTML Code for Example Image #2
  22. (a) Using LONGDESC
  23. Example of Image and Long Description
  24. Example Image #3
  25. HTML Code for Example Image #3
  26. (a) Complex Images and Contexts
  27. (a) Also Applies to Video and Audio
  28. (c) Content can be conveyed without color
  29. (c) Issue #1 Color Words
  30. (c) Issue #1 Color Words
  31. (c) Issue #2 Contrast
  32. (d) Document should be readable without style sheet
  33. (d) Document should be readable without style sheet
  34. (d) Document should be readable without style sheet
  35. (d) Guidelines for Repair
  36. (g + h) Make tables accessible
  37. (g + h) How the Sample Table Looks
  38. (g + h) Sample Table Code
  39. (g + h) Fixing tables - Step 1
  40. (g + h) Fixing tables - Step 2
  41. (g + h) Fixing tables - Step 3
  42. (g + h) Fixing tables - Step 4
  43. (g + h) Complicated tables
  44. (g + h) Complicated tables (cont.)
  45. (m) Applets, plug-ins and external content - Step 1
  46. (m) Applets, plug-ins and external content - Step 2
  47. (m) Applets, plug-ins and external content - Step 2 (cont)
  48. (m) Applets, plug-ins and external content - Step 2 (cont)
  49. (o) Skip Navigation Links
  50. (o) Skip Navigation Links
  51. (o) Skip Navigation Links
  52. (o) Skip Navigation Links
  53. (o) Skip Navigation Links
  54. Less Frequent Checkpoints
  55. (b) Multimedia presentation alternatives and synchronization
  56. (j) Eliminate screen flicker
  57. (k) Text-only page
  58. (k) Text-only page (continued)
  59. (n) Accessible Forms
  60. (n) Accessible Forms
  61. (n) Accessible Forms
  62. (n) Accessible Forms
  63. (n) Accessible Forms
  64. (n) Accessible Forms
  65. Least Frequent Checkpoints
  66. (e + f) Image Maps
  67. (e + f) Image Maps
  68. (i) Frame titles
  69. (i) Frame titles (continued)
  70. (i) Frame titles (continued)
  71. (l) Scripts and functional text
  72. (l) How to fix scripts
  73. (p) Timed Response
  74. Check Your Work!
  75. Accessibility Check & Repair Tools
  76. Single Page Check (live)
  77. Single Page Check (cont.)
  78. Accessibility and Collage
  79. Web Standards Reference
  80. External Resources
  81. CSUCI Accessibility Resources
  82. CSU Accessibility Resources
  83. Reference Books
  84. CSUCI Technology Workshops
  85. Final Thoughts
  86. Questions

Text and Images from Slide

Example Site

Mouse College Soccer Program

Screenshot of example web site; shows logo, headings, text and a table.

View all slides | Contents of this slide

Lecture Notes

Screenshot of example page for "Mouse College Soccer Program" to demonstrate what an inaccessible page might look like. This site is used in the hands-on portion of the presentation to demonstrate repair of an inaccessible web page.

©