Achieve Accessibility with Dreamweaver

Title and Longdesc attributes

Look again at the Insert>Hyperlink dialog box. (On the Insert bar, insert hyperlink is under the Common tab.)

There are accessbility advantages to using the Insert>Hyperlink dialog box. It contains fields for target (deprecated in XHTML), a title, and values for access keys or tab index.Insert Hyperlink dialog

Using meaningful link text (as opposed to 'click here') is a key accessibility feature. However, a title can provide helpful detail to explain what to expect when clicking a link. Although Dreamweaver has a number of other ways to create a hyperlink, none of them provide the title field.

Different browsers display the title attribute in different ways. Many show it as a tooltip when the element is hovered over.

Of course, a title attribute could be added in Code View or with the Quick Tag editor. It may be the only way to insert a title with elements other than anchors.

Expand Acronyms and Abbreviations

The acronym or the abbr element should be used to expand acronyms and abbreviations on first use. The Insert bar has an icon for abbr and acronym in the text category. Macromedia's geeky joke of a label for the icon for the acronym element says “W3C.”

Insert Bar

Rumor abounds that the W3C plans to deprecate acronym and use abbr for both acronyms and abbreviations in the future.

Either tag requires the addition of a title attribute to explain the meaning. For example,

the <acronym title="World Wide Web Consortium">W3C</acronym> plans to


For inserting images, Dreamweaver asks you to add both alt text and a longdesc.

Image Tag Accessibility Attributes

Most images don't require a longdesc, but an image conveying content such as a graph should be given a longdesc.

To add a longdesc attribute some elements, you must use either Code View or the Quick Tag Editor.

Quick Tag Editor used to add longdesc

Just having a longdesc attribute pointing to an HTML page containing a long description of the material isn't quite enough, because some assistive devices don't announce the longdesc link to users. A commonly understood workaround is to put a visible link to the long description page in the form of a lowercase d, as in this example. [d]

Many elements in addition to links can have title attributes. See the W3C for more info. Read this excellent article about the alt, title, and longdesc attributes from 456 Berea Street.

Previous | Next