A page on Fire Safety
On the Fire Safety page, you will notice that certain text gets highlighted when you mouse over an image. These associations are recommended for the print-impaired as when a sighted person who cannot read points to an image, the text associated with it can be read-out using a text to speech tool or a contributed audio narrative. These associations are maintained by using an "id" label for an image and the same label used as "class" label for certain paragraphs. Click to see source and observe (for example) id="asso0" and class="header asso0".
is taken as a sample Web-page. Note that this page is authored by providing associations between dependent content (one can see the associated text by moving the mouse around on the page). If you move the mouse on the 1st image, the 2nd paragraph is highlighted - this can be used in a print-impaired context either by a text to speech tool or to further re-narrate the text for a user with specific language or context preferences.
fire-kn is Arvind's blog page that can technically be anywhere else on the Web. This blog is an alternative narration that Arvind done for one image and another paragraph of text. Click to see source and observe the meta attributes "foruri" and "rec". Notice that "foruri" points to what in the original page has been narrated and "rec" indicates that target community for Arvind's renarration is people who speak/read Kannada - as can be observed by the attribute lang:kan.
fire-hi is Shantanu's blog page that can technically be anywhere else on the Web. This blog is an alternative narration that Shantanu done for one paragraph of text. Click to see source and observe the meta attributes "foruri" and "rec". Notice that "foruri" points to what in the original page has been narrated and "rec" indicates that target community for Shantanu's renarration is people who speak/read Hindi - as can be observed by the attribute lang:hi.
are re-narrations that are "blog"ged by different people for Kannada and Hindi language contexts. Note that the Kannada blogger has also given an alternative image of a local fire engine that is familiar in the Karnataka context.
When a user visits the Fire Safety page, the page now has various alternative renditions. The user profile or preference indication can be used by a browser tool to provide an appropriate rendition, as hinted in the page with alternative renditions: A11yPi Fire Safety
On the top of that page you will notice a yellow bar that informs the user of the available alternative narratives. If you click on the "Kannada" button in the yellow bar, the available Kannada narration ( in Arvind's blog ) will be used to render the page. This is done using an index of reverse pointers to the alternative narrative of the original page ( Fire Safety page above ).
This idea naturally lends itself to mobile devices. An indicative rendering of this Fire Safety page, on a mobile phone, can be seen here: Fire Safety Slides or video on Mobile