How to Add Alternative Text to an Image in Dreamweaver

Adding alternative text to images on your website is an important accessibility component that you should include. Alternative text is a short text description of any images that you include on your site. When someone goes to your website and cannot view an image, the alternative text will show up instead, helping to give them an idea of what information they are missing. Read on to learn how to add this feature to your website.

Instructions

Add Alternative Text to an Existing Image

1

Start Dreamweaver and open an existing document that contains an image to which you would like to apply alternative text.

2

Click on the image to select it. You will know that the image is selected when you see black sizing handles surrounding the image.

3

Put your cursor in the "Alt" text box in the Properties palette and type the alternative text you would like to appear for the image.

Add Alternative Text to a New Image

4

Choose the "Insert" menu and click on "Image" to open the "Select Image Source" dialog box.

5

Browse your folders to find an image that you would like to add to Dreamweaver.

6

Select the image and click the "OK" button to insert the image.

7

Type the alternative text you would like to add to the image in the "Image Tag Accessibility Attributes" window that pops up after you have selected the file you want to include in your Dreamweaver document.

8

Click the "OK" button on the "Image Tag Accessibility Attributes" dialog box to close the box and finishing importing your image with the alternative text to your Dreamweaver document.