Web Design

Session Files

ELA Web Design Transcript

ELA Web Design Audio

Topics

  1. What is Accessible Web Design?
    1. Why is Accessibility Important?
    2. History
    3. U.S. Laws and Standards
  2. Checking for Accessibility
    1. Accessibility Tools
    2. The Different Browsers and Assistive Technology
  3. Separating Style from Content
    1. Cascading Style Sheets
    2. Accessibility Benefits of CSS
  4. Layout Tables
    1. Linearizing Layout Tables
    2. Proper Layout Table Markup
    3. Layout Table Summaries
  5. Information Structure and Design
    1. Creating Consistent Structure & Information Hierarchy
    2. Designing for Browser Size
    3. Layout Color and Contrast
  6. Images
    1. Creating Meaningfol Alt Text
    2. Using the ALT attribute as a Mouse-Over Comment
  7. Images: Special Cases
    1. The Long Description Attribute
    2. Images that Replace Markup
    3. Moving Images
  8. Navigation Links
    1. How Different Browsers Indicate Links
    2. Link Text and Targets
  9. Navigation Images
    1. Image Links
    2. Image Maps
  10. Link Formatting
    1. Link Indicators
    2. Separating Adjacent Links
    3. Rollover Effects
  11. Navigation Short-Cuts
    1. Avoiding Repetitive Navigation
    2. Creating a Logical Tab Order
    3. The ACCESSKEY Element
    4. Grouping Related Documents
  12. Navigation Menus, Site Maps, and Search
    1. Labeling Navigation Menus
    2. Drop-Down or Roll-Out Menus
    3. Site Maps
    4. Navigation Description Pages
    5. Search Functions
  13. Written Content: The Language of the Site
    1. Define the Natural language
    2. Language Changes within a Document
    3. Other Markup Languages
  14. Fonts and Text Formatting
    1. Relative Sizing
    2. Structural Grouping
    3. Using Lists Properly
  15. Comprehension
  16. Abbreviations and Acronyms
  17. Quotations
  18. Data Tables
  19. Dynamic Content
    1. Client-side Scripting
    2. Server-side Scripting
    3. The <noscript> Tag and Alternative Pages
    4. Problems with Moving Content and Flickering
  20. Web Forms
    1. General Web Form Accessibility
    2. Text Fields and Text Areas
    3. Input Prompts
    4. Radio Buttons and Check Boxes
    5. Select Menus
  21. Structural Grouping of Form Elements
    1. The FIELDSET and LEGEND Element
    2. The <optgroup> Element
  22. Input Buttons
  23. Indicating Required Form Fields
left arrow.right arrow