Web Accessibility I
Table of Contents
- Web Accessibility I
- Overview
- The User Experience
- Types of Disabilities
- Legal Issues
- Federal Accessibility Law
- State Law & CSU Policy
- What The Law Means to CSUCI
- Web Accessibility @ CSUCI
- Benefits for CSUCI
- Prep and Review
- Tools You'll Need
- Shortcuts
- Example Site
- Section 508 Compliance
- 7 Most Frequent Checkpoints
- (a) Text description of non-text elements
- Example Image #1 (meaningful)
- HTML Code for Example Image #1
- Example Image #2 (decorative)
- HTML Code for Example Image #2
- (a) Using LONGDESC
- Example of Image and Long Description
- Example Image #3
- HTML Code for Example Image #3
- (a) Complex Images and Contexts
- (a) Also Applies to Video and Audio
- (c) Content can be conveyed without color
- (c) Issue #1 Color Words
- (c) Issue #1 Color Words
- (c) Issue #2 Contrast
- (d) Document should be readable without style sheet
- (d) Document should be readable without style sheet
- (d) Document should be readable without style sheet
- (d) Guidelines for Repair
- (g + h) Make tables accessible
- (g + h) How the Sample Table Looks
- (g + h) Sample Table Code
- (g + h) Fixing tables - Step 1
- (g + h) Fixing tables - Step 2
- (g + h) Fixing tables - Step 3
- (g + h) Fixing tables - Step 4
- (g + h) Complicated tables
- (g + h) Complicated tables (cont.)
- (m) Applets, plug-ins and external content - Step 1
- (m) Applets, plug-ins and external content - Step 2
- (m) Applets, plug-ins and external content - Step 2 (cont)
- (m) Applets, plug-ins and external content - Step 2 (cont)
- (o) Skip Navigation Links
- (o) Skip Navigation Links
- (o) Skip Navigation Links
- (o) Skip Navigation Links
- (o) Skip Navigation Links
- Less Frequent Checkpoints
- (b) Multimedia presentation alternatives and synchronization
- (j) Eliminate screen flicker
- (k) Text-only page
- (k) Text-only page (continued)
- (n) Accessible Forms
- (n) Accessible Forms
- (n) Accessible Forms
- (n) Accessible Forms
- (n) Accessible Forms
- (n) Accessible Forms
- Least Frequent Checkpoints
- (e + f) Image Maps
- (e + f) Image Maps
- (i) Frame titles
- (i) Frame titles (continued)
- (i) Frame titles (continued)
- (l) Scripts and functional text
- (l) How to fix scripts
- (p) Timed Response
- Check Your Work!
- Accessibility Check & Repair Tools
- Single Page Check (live)
- Single Page Check (cont.)
- Accessibility and Collage
- Web Standards Reference
- External Resources
- CSUCI Accessibility Resources
- CSU Accessibility Resources
- Reference Books
- CSUCI Technology Workshops
- Final Thoughts
- Questions
Text and Images from Slide
(d) Guidelines for Repair
- Use HTML only for structure your content (not to apply formatting)
- Structure your content using headings (<h1>) paragraphs (<p>), lists (<ol>, <ul>, and <li>) and tables
- Use Cascading Style Sheets (CSS) to apply formatting and set the look of your page
- Do not use HTML elements for purposes other than what they were intended (Example: use <blockquote> only for quotes, not to indent)