Alt Text using the 'accessibility' property in HTML annotation bodies
Recipe Name
Alt Text for Graphics and Figures within IIIF Images using HTML Annotations
Use case
I would like to propose a new tutorial for the IIIF community focused on "Alt Text for Images within Images" that incorporates HTML annotations and the "accessibility" property of the web annotations model. This tutorial would serve as a practical guide for developers and content creators to enhance accessibility in their IIIF content.
Example:
{
"id": "https://parl.canadiana.ca/iiif/oop.com_HOC_3402_37_8/canvas/p3/annotations/pt3mqcwtbd-m23maahc/annotation/2neujrm9k6v-m23mjnok",
"type": "Annotation",
"motivation": "describing",
"target": "https://parl.canadiana.ca/iiif/oop.com_HOC_3402_37_8/canvas/p3#xywh=516,635,1487,178",
"body": {
"id": "https://parl.canadiana.ca/iiif/oop.com_HOC_3402_37_8/canvas/p3/annotations/pt3mqcwtbd-m23maahc/annotation/2neujrm9k6v-m23mjnok/html/en/dk13wjmwnif-m23mjnok",
"type": "TextualBody",
"format": "text/html",
"language": "en",
"value": "<div role="figure" aria-labelledby="figure-1"><p id="figure-1">Text that describes the figure.</p></div>",
"accessibility": "alternativeText"
}
}
Resources
- https://kb.daisy.org/publishing/docs/metadata/schema.org/accessibilityFeature.html#value
- https://www.w3.org/TR/annotation-model/#accessibility-of-content
Example image with figure:
https://newspapers.library.wales/view/3414998/3415005/86/
Disscused in cookbook call that this is probably another use case for provides rather than the annotation accesiability feature.
Closing in favor of #2308