I really liked the hands-on attributes of the class. Illustrator is an amazing tool, you just have to learn how... More Testimonials »

Web Accessibility and Section 508 Training for Managers

Delivery Options

Class Date and Time Price Pricing Information
$1,425.00
or 3 vouchers vouchers
$1,425.00 or 3 vouchers vouchers
$1,425.00 or 3 vouchers vouchers

Class Description

Class Overview

In this web accessibility class, students will learn why and how to create websites that meet the Section 508 standards for website accessibility. This class targets non-designers, project managers, testers, and decision makers - i.e, people who will be responsible for understanding, creating, and enforcing web accessibility guidelines. Students attending this class do not need to have expert knowledge of web design. We will cover the basics of HTML and CSS on the first day.

Class Goals

  • Learn the basics of Web development
  • Learn the difference between HTML and XHTML
  • Learn the benefits of CSS.
  • Learn to avoid using deprecated tags and attributes.
  • Learn CSS syntax.
  • Learn to use <div> and <span> tags appropriately.
  • Understand the importance of creating accessible websites
  • Learn what it means to make a site "accessible"
  • Learn to create proper text equivalents for images
  • Learn to test your web pages for accessibility
  • Learn to create accessible navigation
  • Learn to make your image maps accessible
  • Learn to create accessible alternative to audio and multimedia
  • Learn to create accessible forms
  • Learn to create accessible tables
  • Learn to create web pages that can benefit from but do not rely on scripts and style sheets

Class Outline

  1. A Quick Overview of Web Development
    1. Client-side Programming
    2. Server-side Programming
  2. Introduction to HTML
    1. Getting Started
    2. A Simple HTML Document
    3. The HTML Skeleton
    4. HTML Elements
    5. XHTML vs. HTML
    6. Special Characters
    7. lang and xml:lang
  3. Paragraphs, Headings and Text
    1. Paragraphs
    2. Breaks and Horizontal Rules
    3. Creating an HTML Page
    4. Quoted Text
    5. Preformatted Text
    6. Phrase Elements
    7. Formatting Elements
    8. Documenting Changes
  4. Crash Course in CSS
    1. Benefits of Cascading Style Sheets
    2. CSS Rules
    3. Selectors
    4. Precedence of Selectors
    5. The Cascade
    6. Creating an Embedded Style Sheet
    7. Creating an External Style Sheet
    8. Adding Inline Styles
    9. Media Types
    10. <div> and <span>
    11. Divs and Spans
    12. Units of Measurement
    13. The Inherit Value
    14. @import
  5. CSS Fonts
    1. Font - the old way
    2. Font-family
    3. Font-size
    4. Font Family and Font Size
    5. Font-style
    6. Font-variant
    7. Font-weight
    8. Font Style, Font Variant and Font Weight
  6. Colors and Backgrounds
    1. About Color Values
    2. Color
    3. Background-color
    4. Background-image
    5. Colors and Backgrounds
  7. An Introduction to Section 508
    1. What is Section 508?
    2. What Does it Mean to be "Accessible?"
    3. Standards Make the Job Easier
    4. Other Forces for Accessibility
  8. Text Equivalents
    1. Text Alternatives for Images (alt-text)
    2. Choosing Text Equivalents for Images And Image Links
      1. Choosing Text Equivalents for Client-Side Image Map Areas
      2. Creating Quality Text Alternatives
      3. Using Long Descriptions for Text Equivalents
    3. Alt-Text
  9. Assessing Your Site's Accessibility
    1. Accessibility Toolbars
      1. The Web Accessibilty Toolbar for IE
    2. Using Your Browser
      1. Viewing Your Page Without Images
      2. Changing Fonts and Colors
      3. Accessibility Testing Tools
    3. Using Lynx
    4. Using IBM Home Page Reader
    5. Using Other Evaluation and Repair Tools
    6. Web Accessibility
  10. Navigation
    1. Accessible In-page Navigation
      1. The 508 Requirements for in-page Navigation
      2. Other Navigation Ideas
      3. Accessible Links
    2. In-Page Navigation
    3. Frame Navigation
  11. Accessible Image Maps
    1. Examples of Image Maps
    2. Accessible Image Maps
      1. Client-Side Image Maps
      2. Server-Side Image Maps
      3. Complex Client-Side Image Maps
    3. Image Map Accessibility
  12. Audio and Multimedia
    1. Some Definitions
      1. Section 508 Requirement for Transcripts
    2. Requirement for Captioning
    3. SAMI
    4. SMIL
    5. Video Descriptions
    6. Audio and Multimedia
  13. Special Cases
    1. Never Depend on Color Alone
    2. Color Contrast
    3. Avoid Flicker
    4. Timed Responses
    5. Text-Only Page as a Last Resort
    6. Color
  14. Accessible Forms
    1. Form Basics
    2. Push Buttons
      1. Image Buttons
    3. Generalized Buttons
    4. Text Entry Fields
      1. Make Sure Labels are Close to Text Fields
      2. What About the Prompt in the Text Entry Field?
      3. Associate Labels with Elements
    5. Radio Buttons and Check Boxes
    6. Select Menus
    7. Attribute for Form Controls
    8. An Example Collection of Form Controls
    9. Accessible Forms
  15. Accessible Tables
    1. Table Basics
    2. Using the
    3. Using Column and Row Headers
    4. Using the
    5. Accessible Tables
    6. Accessible Complex Table
  16. Scripts and Applets
    1. JavaScript
      1. JavaScript Accessibility Concerns
      2. The Section 508 Standard
      3. Comparison of JavaScript Requirements
      4. Turn Off JavaScript in Your Browser
      5. Accessibility Problems With Events
      6. Different Roles for JavaScript Content
      7. Direct Content
      8. Changes in Attributes
      9. Verification in Forms
      10. Hidden Content
    2. The Evolving Standards and Guidelines
      1. Keyboard Access
      2. Roles States and Values
    3. Ajax and Web 2.0
    4. Applets and Plug-ins
  17. Cascading Style Sheets
    1. Style Sheet Overview
    2. Individual Settings
    3. Reading Web Pages without CSS
    4. Using CSS to Simulate Markup - Don't
    5. CSS Positioning
    6. Background Images
    7. Visibility and Image Replacement
    8. CSS
  18. Review of Section 508 Standards for Web Accessibility
    1. Section 1194.22 (a) Offer Text Equivalents
    2. Section 1194.22 (b) Present Synchronized Multimedia
    3. Section 1194.22 (c) Remain Independent of Color
    4. Section 1194.22 (d) Stay Independent of Style Sheets
    5. Section 1194.22 (e) Provide Redundant Links for Server-Side Maps
    6. Section 1194.22 (f) Use Client-Side Image Maps
    7. Section 1194.22 (g) Label Row and Column Headers
    8. Section 1194.22 (h) Use the Headers Attribute in Complex Tables
    9. Section 1194.22 (i) Supply Frame Titles (attributes and elements)
    10. Section 1194.22 (j) Reduce Flicker
    11. Section 1194.22 (k) Offer a Text-only Alternative (LAST RESORT)
    12. Section 1194.22 (l) Write Accessible Scripts
    13. Section 1194.22 (m) Specify Accessible Applets and Plug-ins
    14. Section 1194.22 (n) Design Accessible Forms
    15. Section 1194.22 (o) Offer Skip Navigation
    16. Section 1194.22 (p) Alert Users to Timed Responses

Class Materials

All students receive a course manual or book and all the class examples.

Students in private onsite classes will also receive:

  • Web Accessibility: Web Standards and Regulatory Compliance

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Client Success
  1. Independent Survey
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Locations
Watch 3-minute Demo Video
of Live Online Training:
Learn the benefits of online training with Webucator

Free Webinars

A Crash Course in CSS

Wed, 3/21 1:00 PM EST

Project Management Institute Partner

Webucator is a Registered Education Provider (R.E.P.) approved by PMI to issue professional development units (PDUs) for our training courses.

© Webucator, Inc. All rights reserved. | Toll Free: 1-877-932-8228 | From outside the USA: 315-849-2724| Fax: 315-849-2723