Achieve Accessibility with Dreamweaver

By Virginia DeBolt

Accessibility can be part of your normal workflow in Dreamweaver. Developing
work habits that include the built-in accessibility help offered by
Dreamweaver will not add any significant time to your projects. The information in this article applies to Dreamweaver MX 2004.
This version of Dreamweaver has many new features aimed at making accessibility easier to create in the Dreamweaver environment. In older versions of Dreamweaver, any of the features described are possible, but may require some hand coding in Code View.

Start with Preferences

Long-time Dreamweaver users will benefit from a careful re-examination of
their work habits to take full advantage of what Dreamweaver has to offer. The first step is to set the Preferences for maximum accessibility help.

In the General Preferences category:

select "Use <strong> and <em> in place of <b> and <i>."

select "Use CSS instead of HTML tags."

Tagging elements with semantically meaningful tags such as strong or em is important for accessibility. The idea of using semantically logical elements to create content is a foundation concept that applies to other element choices as well.

Accessibility requires that you separate content from presentation.
To do this, you must use HTML to structure the document with logical semantic elements that are clearly organized into headings, paragraphs, lists, and other logical content blocks. By using the generic HTML container div, you can add context to the structure to give yourself powerful descendant selectors for your CSS.