Beginning JavaScript with DOM Scripting and Ajax, 2nd Edition

Chapter 10 ■ Modern JavaScript Case Study: A Dynamic Gallery
Figure 10-1. Using JavaScript to simulate a server-controlled dynamic image gallery
Displaying Captions
Thumbnail galleries are visual constructs, but it is still a good idea to think about alternative text and image
captioning. Not only will these make your gallery accessible to blind users, but they also allow for searching the
thumbnail data and indexing it through search engines.
Many tools, like Google’s Picasa, allow for dynamic captioning and the addition of alternative text. You could
use XHR to create something similar, but because this is a book about JavaScript, and how to store the entered data on
the server would need some explanation, it is not a relevant example. Instead, let’s modify the “fake” gallery so that it
displays captions.
You’ll use the image’s title attribute as a caption for the image; this means that the static HTML needs proper
alternative text and title data.
304
www.it-ebooks.info