Web Accessibility and Section 508 Training for Experienced Web Designer
CLASS DATE(s):
Request a Class

COURSE LENGTH: 2 Days

COURSE COST: $995.00

COURSE TIMES: 9:00am - 4:30pm

Printable version of this course
print

COURSE OVERVIEW

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.

AUDIENCE AND PREREQUISITES

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

  

Course Cost listed does not include the cost of courseware or lunch. Course is subject to minimum enrollment. Course can be run as a live distance learning class.

COURSE TOPICS:


1.An Introduction to Section 508
A.What is Section 508?
B.What Does it Mean to be "Accessible?"
C.Standards Make the Job Easier
D.Other Forces for Accessibility

2.Text Equivalents
A.Text Alternatives for Images (alt-text)
B.Choosing Text Equivalents for Images And Image Links
I.Choosing Text Equivalents for Client-Side Image Map Areas
II.Creating Quality Text Alternatives
III.Using Long Descriptions for Text Equivalents
C.Alt-Text

3.Assessing Your Site's Accessibility
A.Accessibility Toolbars
I.The Web Accessibilty Toolbar for IE
B.Using Your Browser
I.Viewing Your Page Without Images
II.Changing Fonts and Colors
III.Accessibility Testing Tools
C.Using Lynx
D.Using IBM Home Page Reader
E.Using Other Evaluation and Repair Tools
F.Web Accessibility

4.Navigation
A.Accessible In-page Navigation
I.The 508 Requirements for in-page Navigation
II.Other Navigation Ideas
III.Accessible Links
B.In-Page Navigation
C.Frame Navigation

5.Accessible Image Maps
A.Examples of Image Maps
B.Accessible Image Maps
I.Client-Side Image Maps
II.Server-Side Image Maps
III.Complex Client-Side Image Maps

6.Audio and Multimedia
A.Some Definitions
I.Section 508 Requirement for Transcripts
B.Requirement for Captioning
C.SAMI
E.Video Descriptions
F.Audio and Multimedia

7.Special Cases
A.Never Depend on Color Alone
B.Color Contrast
C.Avoid Flicker
D.Timed Responses
E.Text-Only Page as a Last Resort
F.Color

8.Accessible Forms
A.Form Basics
B.Push Buttons
I.Image Buttons
C.Generalized Buttons
D.Text Entry Fields
I.Make Sure Labels are Close to Text Fields
II.What About the Prompt in the Text Entry Field?
III.Associate Labels with Elements
E.Radio Buttons and Check Boxes
F.Select Menus
G. Attribute for Form Controls
H.An Example Collection of Form Controls

.
I.Accessible Forms

9.Accessible Tables
A.Table Basics
B.Using the
C.Using Column and Row Headers
D.Using the
E.Accessible Tables
F.Accessible Complex Table

10.Scripts and Applets
A.JavaScript
I.JavaScript Accessibility Concerns
II.The Section 508 Standard
III.Comparison of JavaScript Requirements
IV.Turn Off JavaScript in Your Browser
V.Accessibility Problems With Events
VI.Different Roles for JavaScript Content
VII.Direct Content
VIII.Changes in Attributes
IX.Verification in Forms
X.Hidden Content

.
B.The Evolving Standards and Guidelines
I.Keyboard Access
II.Roles States and Values
C.Ajax and Web 2.0
D.Applets and Plug-ins

11.Cascading Style Sheets
A.Style Sheet Overview
B.Individual Settings
C.Reading Web Pages without CSS
D.Using CSS to Simulate Markup - Don't
E.CSS Positioning
F.Background Images
G.Visibility and Image Replacement
H.CSS

12.Review of Section 508 Standards for Web Accessibility
A.Section 1194.22 (a) Offer Text Equivalents
B.Section 1194.22 (b) Present Synchronized Multimedia
C.Section 1194.22 (c) Remain Independent of Color
D.Section 1194.22 (d) Stay Independent of Style Sheets
E.Section 1194.22 (e) Provide Redundant Links for Server-Side Maps
F.Section 1194.22 (f) Use Client-Side Image Maps
G.Section 1194.22 (g) Label Row and Column Headers
H.Section 1194.22 (h) Use the Headers Attribute in Complex Tables
I.Section 1194.22 (i) Supply Frame Titles (attributes and elements)
J.Section 1194.22 (j) Reduce Flicker
K.Section 1194.22 (k) Offer a Text-only Alternative (LAST RESORT)
L.Section 1194.22 (l) Write Accessible Scripts

.
M.Section 1194.22 (m) Specify Accessible Applets and Plug-ins
N.Section 1194.22 (n) Design Accessible Forms
O.Section 1194.22 (o) Offer Skip Navigation
P.Section 1194.22 (p) Alert Users to Timed Responses