api icon indicating copy to clipboard operation
api copied to clipboard

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

Open brittnylapierre opened this issue 1 year ago • 2 comments

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

brittnylapierre avatar Oct 15 '24 13:10 brittnylapierre

Example image with figure:

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

glenrobson avatar Oct 25 '24 15:10 glenrobson

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

glenrobson avatar Oct 25 '24 15:10 glenrobson

Closing in favor of #2308

azaroth42 avatar Mar 17 '25 14:03 azaroth42