Lab 21: Making images accessible

1. Study what an ALT tag is.

2. Use KompoZer to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

You can copy and paste the content to your KompoZer.

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images.
執行kompozer.exe

 

載入http://bloggercamp.blogspot.com/2007/01/2007.html

 

在source裡面的alt="加入文字"

 

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website
下載  Firefox Add-ons site for Firefox Accessibility Extension

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.
使用Show Text Equivalent" function前

 使用Show Text Equivalent" function後

 發現圖不見了，只剩下文字。