Re: caption positioning & binding example using WAI-ARIA markup

Hi Gregory,

On 11/07/07, Gregory J. Rosmaita <oedipus@hicom.net> wrote:
> PROPOSAL:
> move the description of the graphic BEFORE the graphic, so that it
> is crystal clear to readers that the caption and illustration are
> bound together;
>
> for an even stronger visual binding, why not place the caption and
> graphic together in a containing box?

Your proposal makes sense, but I'm not sure about the labelledby
relationship between the container div and the image. I would have
thought that the image would have the labelledby attribute,
referencing the caption in the paragraph that owns the image, and that
there should also be a describedby attribute to the paragraph. So the
resulting structure would be (content trimmed):

<div class="caption-and-img">
  <p aaa:owns="img1" id="d1">
    <strong id="c1">Caption ...</strong>: describes ...
  </p>

  <p>
    <img id="img1"
         aaa:labelledby="c1"
         aaa:describedby="d1"
         alt="The contract model with accessibility API's"
         src="accessibleelement.png"/>
  </p>

  <p>
    For more information see ...
  </p>
</div>


Best regards,

Gez


-- 
_____________________________
Supplement your vitamins
http://juicystudio.com

Received on Wednesday, 11 July 2007 20:31:53 UTC