W3C home > Mailing lists > Public > public-rdf-in-xhtml-tf@w3.org > January 2008

RDFa for HTML imagemap accessibility and clipart?

From: Dan Brickley <danbri@danbri.org>
Date: Sun, 06 Jan 2008 13:55:25 +0000
Message-ID: <4780DDCD.2000400@danbri.org>
To: RDFa <public-rdf-in-xhtml-tf@w3.org>
CC: foaf-dev <foaf-dev@lists.foaf-project.org>

Hi folks

Digging out an old hack here, to see how it looks in the light of RDFa.

I'd like someone to explain to me how current RDFa could be used to 
extract info from imagemap markup. I'll try to find out myself using the 
.js parser, but I'm not currently intimate with the subtle details of 
the spec.

HTML has a somewhat neglected notation for describing regions of images, 
and associating them with links. Here's a picture of me markup up in 
this way, using YokMap, a Shareware MacOSX imagemap editor:

http://danbri.org/2008/imagemap/real.html

The markup is small enough I'll include it inline here:

<map name="da8bb51_b" id="da8bb51_b">
<area  shape="POLY"
coords="463,662,450,633,441,604,433,573,429,561,431,542,431,531,439,503,446,487,465,460,476,435,486,407,500,382,511,363,528,348,543,315,549,301,581,288,629,279,652,275,668,275,681,263,693,257,710,250,706,248,700,240,697,221,696,204,691,198,688,186,691,173,693,167,693,158,697,146,699,135,706,128,702,123,709,113,710,104,722,101,723,93,742,93,756,92,766,86,767,93,778,85,803,82,803,88,813,89,813,95,826,104,842,113,853,123,864,145,871,160,879,172,875,176,881,184,879,190,882,199,879,213,877,222,869,229,866,234,859,256,853,267,866,282,875,284,923,283,936,284,941,290,948,295,962,301,969,310,977,328,986,338,990,350,1008,368,1015,373,1021,382,1012,526,1022,744,1007,741,982,721,962,732,949,731,947,767,517,767,520,759,488,720,475,697,466,681" 

   href="http://danbri.org/" />
</map> <img  src="2169955372_503da8bb51_b.jpg"  width="1024" 
height="770" usemap="#da8bb51_b" />

A few years ago, both in the FOAF project and as part of the EU 
SWAD-Europe project some of us were experimenting with using this as 
metadata in RDF, and as something that can be transformed and visually 
presented with SVG.

The core imagemap markup just gives us a slot for an href on the area; 
here I've put my homepage URI (also same as my OpenID URI). BTW I have 
no idea what the current XHTML 2 and WhatWG/HTML5 folks have planned for 
these elements. But I think this kind of markup has a lot of potential 
for making images on the Web more automation friendly.

Here is a very basic XSLT by Max Froumentin that transforms
the above markup into SVG, and shades out the background into pink:

http://danbri.org/2008/imagemap/imagemap2svg.xslt

SVG output is here: http://danbri.org/2008/imagemap/_output.svg

Here's an old screengrab of a big jumble of similar image fragments, 
from RDF/SVG image annotation tools that Jim Ley. Also here's a 
screenshot of Jim's SVG annotator in action, showing that such metadata 
can be created easily in zero-install Web apps.
http://rdfweb.org/images/foaf/faces-in-the-crowd.jpg
http://rdfweb.org/images/foaf/codemo/sabrina-libby-nicole-codepiction.jpg

Right now I'm not sure exactly what triples we should be aiming for. I'd 
like a way to say,

"this area of the image depicts the person who is the primaryTopic of 
http://danbri.org/".

There were some #swig collaborations around this vocab a while back (see 
links below), though I don't think the final vocab ever got uploaded to 
http://www.w3.org/2004/02/image-regions  ... in a sense it doesn't 
matter here, since if RDFa can be used freely with this markup, we 
should be able to pick whichever RDF vocab is currently fashionable?

Any help RDFa-ifying http://danbri.org/2008/imagemap/real.html would be 
much appreciated...

Why am I digging this up? Partly because it's time to revisit the 
codepiction project, as a way of encouraging social-network-interop folk 
to consider "evidence-based" as well as claim-based models. But that's 
another story...

cheers,

Dan



related links:
http://esw.w3.org/mt/esw/archives/000038.html
http://www.kanzaki.com/docs/sw/img-annotator.html
http://jibbering.com/svg/AnnotateImage.html
http://www.w3.org/2001/sw/Europe/reports/dev_workshop_report_1/
http://www.mindswap.org/2005/owl/digital-media
http://www.bnowack.de/w3photo/
http://www.bnowack.de/w3photo/pages/image_vocabs
http://www.w3.org/2005/Incubator/mmsem/XGR-vocabularies/
http://www.wasab.dk/morten/blog/archives/2007/12/09/authorization-by-codepiction
Received on Sunday, 6 January 2008 13:55:38 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 8 January 2008 14:15:20 GMT