Standards: Metadata and Mark Up for Accessible Images

The DIAGRAM Center will publish information regarding standards and best practices as they relate to creating and accessing image descriptions. This page is an index to that information.

DIAGRAM Content Model

The DIAGRAM Content Model defines a data model for image description metadata. It provides a structured, standard way for image description data to be modeled, including multiple different types of descriptions for each image, teacher annotations, and pointers to tactile graphic files. The flexibility of the DIAGRAM Content Model to hold information about a variety of image alternatives is a critical and revolutionary acknowledgment of the breadth of alternatives that new technology has made possible.

HTML Standards and Longdesc

The Standards Working Group at the DIAGRAM Center strives to make it easier to create, use, discover, and interact with accessible images by effectively advocating for ebook standards that support image accessibility. To this end, the Working Group interacts closely with standards organizations and reports on the latest recommendations in accessible image standards.

Top Tips for Creating Accessible EPUB 3 Files

Accessible images are part of a larger context of ebook accessibility overall. These tips provide guidance to publishers and other content creators as new standards emerge that make accessibility for these materials easier and easier to achieve.

Image Guidelines for EPUB 3

These guidelines from the DIAGRAM Center’s Standards Working Group provide mark up best practices for images within EPUB 3 files as new standards emerge that make accessibility for these materials easier and easier to achieve.

Accessible Image Sample Book

The Accessible Image Sample Book provides a variety of concrete examples that show you how digital images can be made accessible, including sample code that you can use to make it easier to create accessible images in your own digital publications.


Powered by: Web Designers
Latest Blog Posts

    http://diagramcenter.org/wp-content/plugins/wp-accessibility/toolbar/css/a11y-contrast.css