Web Design - Web Authoring / Intermediate HTML: Graphics |
 |
|
| Sections: Introduction | Section 1 | Section 2 | Section 3 |
| Section Two: Part A | Part B | Part C | Part D | Part E | Part F | Part G | Part H | Part I |
 |
Image Accessibility Attributes Assistive/Accessibility Attributes for <img>Throughout your learning of HTML you have regularly been reminded of the visitors to your web site who may use some form of assistive technology to view the site. The <img> tag and its required src="" attribute do not provide much useful information to visitors using assistive technology. For instance, if a visitor to the DreamVacation.html web page was using assistive technology, the only information that they would gather from the <img> tag and the src="" attribute would be that the image was named amazon and it was saved as a JPEG. Without any other supporting information listed on the web page, the user may not know whether the photo refers to the Amazon River or to the Internet shopping site, Amazon.com. To provide users with more information about an image listed on a web page you must add two purposeful attributes to the <img> tag: the alt="" attribute and the title="" attribute. The alt="" and title="" AttributesThe alt="" attribute is meant to provide site visitors a "text equivalent" of the image ("Use the alt," n.d., para 1). This is helpful for visitors who are unable to view your image due to visual impairment or the web browser being used. The title="" attribute is similar to the alt="" attribute in that it is meant to provide additional information about an image. The display of the title="" attribute varies depending on the browser being used. For instance, if a visitor to your site is using a "visual" web browser, the text presented in the title="" attribute would be displayed as a tool tip; whereas if the visitor to your site is using an "audio" browser/agent, the text in the title="" attribute may be spoken ("The global structure," n.d., 7.4.3). Reference: |
|
© 2008 KCDL. All rights reserved. |
