In this web accessibility course, students will learn why and how to create websites that meet the Section 508 standards for website accessibility. This class targets web designers - i.e, the people who will be responsible for creating the accessible pages. Students attending this class are expected to have expert knowledge of HTML and at least intermediate knowledge of CSS.

If you are interested in a class for non-designers, project managers, testers, and/or decision makers, please see our Web Accessibility and Section 508 Training for Managers class, which includes a quick introduction to HTML and CSS.

Class Goals

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

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
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
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
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
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
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
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
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
Accessible Tables
1. Table Basics
2. Using the
3. Using Column and Row Headers
4. Using the
5. Accessible Tables
6. Accessible Complex Table
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
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
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

Class Prerequisites

Experience in the following areas is required:

HTML
CSS

Experience in the following areas would be beneficial:

JavaScript
Experience with server-side web development

Technical Requirements

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

Instructor-led Online course technical requirements and setup instructions.
WebEx system requirements for Instructor-led Online delivery option.
Onsite course technical requirements and setup instructions.

Quick Links

Courseware

Purchase Courseware

Client Success

Join The Team

Learn how you can become a Webucator Trainer
Career Opportunities

Locations

Where We've Trained
Some of the Cities in which Webucator has Trained:
1. Phoenix, AZ
2. Pittsburgh, PA
3. Portland, OR
4. Providence, RI
5. Raleigh, NC
6. Sacramento, CA
7. St. Louis, MO
8. San Diego, CA
9. San Francisco, CA
10. San Jose, CA
11. Santa Clara, CA
12. Seattle, WA
13. Sunnyvale, CA
14. Tallahassee, FL
15. Tempe, AZ
16. Toronto, ON
17. Tucson, AZ
18. Tulsa, OK
19. Virginia Beach, VA
20. Washington, DC
1. Fort Worth, TX
2. Hampton, VA
3. Hollywood, FL
4. Houston, TX
5. Huntsville, AL
6. Indianapolis, IN
7. Jacksonville, FL
8. Las Vegas, NV
9. Lexington, KY
10. Los Angeles, CA
11. Louisville, KY
12. Madison, WI
13. Memphis, TN
14. Milwaukee, WI
15. Nashville, TN
16. New York, NY
17. Oklahoma City, OK
18. Omaha, NE
19. Ottawa, ON
20. Philadelphia, PA
1. Amarillo, TX
2. Atlanta, GA
3. Aurora, IL
4. Austin, TX
5. Baltimore, MD
6. Beaumont, TX
7. Boston, MA
8. Buffalo, NY
9. Calgary, AB
10. Cary, NC
11. Chandler, AZ
12. Chicago, IL
13. Cincinnati, OH
14. Cleveland, OH
15. Colorado Springs, CO
16. Columbus, OH
17. Dallas, TX
18. Dayton, OH
19. Denver, CO
20. Detroit, MI
We have trainers all over North America.
1. Indianapolis, IN
2. Boston, MA
3. Silver Spring, MD
4. Portland, ME
5. Detroit, MI
6. Minneapolis, MN
7. Kansas City, MO
8. St. Louis, MO
9. Jackson, MS
10. Charlotte, NC
11. Nashua, NH
12. Atlantic City, NJ
13. Newark, NJ
14. Jersey City, NJ,
15. Reno, NV
16. Philadelphia, PA
17. Calgary, Canada
18. Toronto, Canada
1. Phoenix, AZ
2. Los Angeles, CA
3. Oakland, CA
4. San Diego, CA
5. San Francisco, CA
6. San Jose, CA
7. Santa Clara, CA
8. Sacramento, CA
9. Boulder, CO
10. Denver, CO
11. Hartford, CT
12. Fort Lauderdale, FL
13. Fort Myers, FL
14. Orlando, FL
15. Tallahassee, FL
16. Atlanta, GA
17. Boise, ID
18. Chicago, IL

Compare Us

Compare Webucator to leading Competitors

Training Options

Microsoft Partner

Watch 3-minute Demo Video
of Live Online Training:

Learn the benefits of online training with Webucator

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

Technology Training

Business Training

Web Accessibility and Section 508 Training for Experienced Web Designers

Delivery Options

Volume Discounts

Webucator Vouchers

Software Assurance Training Vouchers