Alt Text using the 'accessibility' property in HTML annotation bodies

[brittnylapierre]

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

1. https://kb.daisy.org/publishing/docs/metadata/schema.org/accessibilityFeature.html#value
2. https://www.w3.org/TR/annotation-model/#accessibility-of-content

[glenrobson]

Example image with figure:

https://newspapers.library.wales/view/3414998/3415005/86/

[glenrobson]

Disscused in cookbook call that this is probably another use case for provides rather than the annotation accesiability feature.