Introduction to Accessible Design with Dreamweaver MX 2004

WAC Tutorial. June 2004. Written and Presented by: Lori Bailey.

Covers: setting up Dreamweaver for accessible design, creating a site, creating new pages using recognized HTML grammars, and using accessibility features to: insert images with ALT tags, create accessible tables, find and use accessible layouts, set embedded and in-line styles, and check the page for accessibility errors.

Select Your Format:

1. Graphic HTML version.
2. Text-only HTML version.
3. PDF version (printer-friendly).
4. Word document version (editable).

PDF version requires Adobe Reader or other PDF viewer. PowerPoint and Word version requires Microsoft Office 2003+ or the Microsoft PowerPoint Viewer or Microsoft Word Viewer.

Topics Covered:

1. Setting Accessible Preferences.
   • Preferences -- General
   • Preferences Accessibility
   • Preferences Code Format
   • Preferences New Document
   • Preferences -- Validator
2. Using the Practice Web.
3. Defining a Site
4. Familiarize Yourself with Dreamweaver.
5. Creating an Accessible Page
6. Practice Page
1. Header Information and META Data
2. Layout Tables
3. Data Tables
4. Images and ALT tags.
   • Types of images:
   • Insert an Image
   • Create an Image Map
5. Skip Navigation Links
   • Insert an Anchor
   • Insert a Link to the Anchor
7. Formatting with Style Sheets
1. What is CSS?
2. Forms of Styles
3. Create a New Embedded Style
4. Applying Your Custom Styles
   • Apply a style to an entire paragraph.
   • Apply a style to a section of text.
8. Preview Your Page
9. Validate Your Page