: Where to put a long transcript of an image? I am making a comic web site. Each comic is a single png and has a html page. For each comic I have a transcript, like this: A and B

@Shanna517

Using the alt attribute in such cases is not ideal, because often some markup/structure is needed to describe the image’s content, which alt does not allow (it can only contain plain text).

Other options:




The longdesc attribute allows you to link to a page (or an element on the same page) that contains the "long text description" of an image:

<img src="image.png" alt="…" longdesc="#transcript" />

The object element can have fallback content in case the image can’t be accessed:

<object data="image.png" type="image/png">
<!-- … -->
</object>

The figure element can have a figcaption element:

<figure>
<img src="image.png" alt="…" />
<figcaption>…</figcaption>
</figure>



For accessibility, it would be best to provide the transcript for everyone, not only for screen reader users. Many users that could benefit from a transcript don’t use a screen reader, so visually hidden content is really hidden to them.
For the same reason, relying on alt or using an object element isn’t ideal either, and if longdesc gets used, you should also add a hyperlink for users that don’t use a user agent with longdesc support.

So ideally you would simply show the transcript on the same page (or another page, and link to it). If using figure+figcaption, the relationship is clear; otherwise use longdesc to connect the img with the transcript (and provide a hyperlink if it’s on a different page or not next to the img).

Vote Up Vote Down

@Vandalay111

if you place it for your human readers, so make it just like usual html, h1+div/p with text.

to prepare it for search engines i see some possibilities:


primarily i would make use of Exif/IPTC image meta. The caption / abstract is limited to 2.000 characters
Then i would markup the page with structured markup of Schema.org (mainEntityOfPage -> ImageObject). There are no length limitations, and schema.org/ImageObject allows implementation of Exif/IPTC data as property-value pairs.

Vote Up Vote Down