Penn State Homepage

Teaching and Learning with Technology

Creating Accessible Web Sites

Dreamweaver MX Accessibility Options

Dreamweaver comes with a varity of tools and reports to help create accessible sites from the start.

This Page

  1. ITS Training Handout
  2. Activate Accessibility Options
  3. Properties Panel
  4. Dreamweaver Accessibility Reports
  5. Word Header Styles

I.T.S. Training Handout (P.D.F.)

Detailed instructions for using Dreamweaver Accessibility options are available from I.T.S. Training as a P.D.F. handout. Below is a summary of Dreamweaver accessibility options.

Top of Page

Activate Accessibility Options

To activate these, do the following:

  1. Open Dreamweaver MX and go to File then Preferences (Windows/Mac System 9) or the Dreamweaver menu then Preferences (Macintosh OSX).

  2. Click on Accessibility in the left side of the panel.

  3. Make sure the options for Show Attributes when Inserting are checked for each type of HTML object.

  4. Click OK to close the window.

The next time you insert a table, graphic, form or other media, a pop-up window will appear to prompt you to enter the appropriate accessibility tags for each item.

Top of Page

Properties Panel

The Dreamweaver MX Properties Panel includes options for inserting accessibility tags depending on the item being edited.

For example, when an image is highlighted, the ALT tag can be edited in the Properties panel.

Top of Page

Dreamweaver Accessibility Reports

Dreamweaver MX includes an accessibility reports geared for W.C.A.G. standards. Go to the Site menu then Site Files, then click the Site Reports tab to view available reports.

Note: Dreameaver MX 2004 now includes reports for Section 508 guidelines.

LIFT Section 508 Accessibility Reports

The LIFT Plug-in for Dreamweaver is available at a discount from the Penn State Computer Store. This plug-in includes access to Nielsen Norman Group usability reports and tools for creating custom reports.

See the Penn State Access P.S.U. LIFT page for detailed documentation and free upgrades.

Word Header Styles

In Dreamweaver MX 2004, when text is pasted from Microsoft Word, the Header 1, Header 2, Header 3 styles are converted to H1, H2, H3 tags. These styles are built in from the Style menu in word.

Word users can use the Format » Styles options to modify the appearance of these styles in a Word document.

Top of Page

Links to Additional Tips

 

Top of Page

Site Menu: Home Page/Main Menu | Section 508 Guidelines | Quick Checklist | Details by Tag
| Links | I.T.S. Seminar Page | Sitemap


©1999-2006 Pennsylvania State University.

This Web page is hosted by (by Teaching and Learning with Technology, a unit of Information Technology Services. Please contact the Webmaster if you have any questions.

Last Update: Monday, 08-Aug-2005 16:12:29 EDT