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

Chapter 9. Web Site Usability and Access... > Using Dreamweaver to insert accessib...

Using Dreamweaver to insert accessible elements

To use Dreamweaver to help you with properly coding your pages for accessibility, you must have the Accessibility feature turned on. To turn it on, follow these steps:

  1. Open the Preferences dialog box by choosing Dreamweaver⇨Preferences (on a Mac) or Edit⇨Preferences (on a Windows PC).

  2. Select Accessibility under Category (as shown in Figure 9-3 ).

    Figure 9-3: The Dreamweaver Preferences dialog box in Dreamweaver.

  3. Enable the check boxes for the elements you want Accessibility help with. It's a good idea to check them all. That way, Dreamweaver will remind you that you need to take special care with these possibly troublesome areas.

    The choices are

    • Form objects

    • Frames

    • Media

    • Images

  4. Click OK to exit the Preferences dialog box.

To insert an image and alt attribute using the Insert menu, follow these steps:

  1. Choose Insert⇨Image.

    The image browse window pops up. Select the image you would like to add.

  2. Click Choose (on a Mac) or OK (on a Windows PC).

    The Image Tag Accessibility Attributes dialog box appears, as shown in Figure 9-4 .

    Figure 9-4: Insert an image and include the alt attributes.

  3. Enter the alt attribute text and click OK.

    The image and proper tag will be inserted into your code.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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