Adding alternate text

Alternate text appears under two different circumstances: when an image is not shown in the browser window, or when the user allows the pointer to hover over a hotspot. Either way, taking the trouble to add alternate text adds to the usability of your Web pages. You'll add some alternate text to four slices in the Team.psd image.

1 In the Rollovers palette, select the dick_button slice.

2 In the Alt option in the Slice palette, type Read about Dick, our Chairman.

0 0

|SS,i«\

-

K

dick

Name: |dick_button

1

URL:

05 | OF

Tar9fit'

Message: | |

LL. h

Alt: Read about Dick, our Chairman

—8-™_p-

3 In the Rollovers palette, select the jayne_button slice, and then go to the Alt option in the Slice palette and type Read about Jayne, our President.

4 In the Rollovers palette, select the sal_button slice, and then go to the Alt option in the Slice palette and type Read about Sal, our Founder.

5 In the Rollovers palette, select the Team_button slice, and then go to the Alt option in the Slice palette and type Read about our expert team.

6 Verify your results by selecting the Toggle Slices Visibility button (j) and the Preview Document button 0.) in the toolbar, and then letting the pointer hover for a few seconds over each of the four slices. Then deselect those two toolbox buttons.

7 Choose File > Save.

0 0

Post a comment