Skip to content

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

@brittnylapierre

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions