• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 2. Working with Graphics > Inserting an Accessible Image

Inserting an Accessible Image

It is important to create sites that are accessible to people with disabilities. Dreamweaver's accessibility tools make it easier for Web developers to comply with accessibility standards such as Section 508 of the Rehabilitation Act. You'll learn more about accessibility in Lesson 7.

1.
Choose Edit > Preferences.

The Preferences dialog box opens.

2.
From the Category list, choose Accessibility. In the list of objects displayed on the right, check the box for images. Click OK to close the Preferences dialog box.

Dreamweaver's image accessibility authoring options are now enabled.

If you wish to turn off this feature at a later point, you can uncheck the box for images in the accessibility preferences.

3.
Create a new paragraph between the caption for the Flash animation and the caption for the Prism image that you will insert in the following step. Click the Image button on the Common tab of the Insert bar.

The Select Image Source dialog box opens.

4.
Choose ptarena_prisms.jpg from the Lesson_02_Graphics/Images folder and click OK.

The Image Tag Accessibility Attributes dialog box opens, which will prompt you to enter Alternate Text and a Long Description.

5.
In the Alternate Text field, type Prisms. Leave the Long Description field as is and click OK.

The Alt text field on the Property inspector displays “Prisms.”

Long descriptions are not displayed on the Property inspector. Since you did not define a long description for this image, no tag has been created for it. A long description is usually text-based content that serves as a substitute for its respective image. The long description is used by those who are not able to view the displayed image and are using an alternative method of accessing the page, such as a screen reader. It is meant to be longer and more definitive than the Alt text. For full accessibility, you should create long descriptions whenever the Alt text does not adequately and completely serve to stand in for the visual element.

NOTE

You can set a default folder for your images in the Local Info category of the Advanced tab on the Site Definition dialog box. If you choose a folder, Dreamweaver will open the Select Image Source dialog box to the directory you choose. You will not be limited to that folder; it simply becomes the default.

6.
Choose Edit > Preferences. In the Accessibility category, uncheck the box for images. Click OK to close the Preferences dialog box.

The accessibility option for images is turned off.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint