Images

Learn about accessible images—what they are, how to create them, and how to use them.  Information and resources on various aspects and features of accessible images are provided for a variety of types of images, such as photographs, illustrations, graphics, icons, etc. 

WGBH NCAM Accessible Image Guidelines

Opens new windowWGBH National Center for Accessible Media; Accessible Digital Media Guidelines, Guideline A: Images
The guidelines in this section lay out specific ways to make materials such as digital publications, distance-learning web sites and educational software more accessible to students with disabilities. The guidelines have been organized to describe basic, broadly used techniques which can be applied to most materials, followed by techniques specific to multimedia and electronic textbooks. Each guideline includes a number of checkpoints.

Benetech, WGBH NCAM, and U.S. Fund for DAISY Image Production Grant

View the Opens new windowpress release for this important OSEP grant to develop tools and best practices for the creation of accessible images across a range of educational content. The grant establishes the Digital Image and Graphic Resource for Accessible Materials Center (DIAGRAM).

Techniques for WCAG 2.0

The W3C has posted online the Opens new windowTechniques and Failures for Web Content Accessibility Guidelines 2.0 which includes extensive image accessibility information resources for developers (i.e., a more technical resource).

Math & Images

The Math & Images document discusses the temporary treatment of mathematical content as images in NIMAS-conformant files. While its content is gradually becoming outdated due to the increase in the use of MathML it remains useful for its information on requirements and suggested best practices for preparing images and mark-up of mathematical content and the creation of alternative text descriptions for Math images.

Creating NIMAS Files

Information regarding creating and including images in NIMAS filesets can be found in section 5 of (as well as throughout) Creating NIMAS Files.

NIMAS Files Best Practices

Information regarding images and NIMAS filesets can be found in sections 11 and 12 of (as well as throughout) NIMAS Files Best Practices.

WebAIM: Creating Accessible Images

WebAIM's Opens new windowCreating Accessible Images HTML pages are available online in both English and French and address issues of contrast, images with embedded text, and alternative text (both alt tags and long descriptions).

UWM: Creating Accessible Images

The University of Wisconsin-Madison's online Opens new windowCreating Accessible Images HTML pages address Section 508 standards compliance with a focus on how to write alternative text for alt tags, the longdesc attribute, and d-links.

Tactile Graphics

The Opens new windowTactile Graphics Web Site provides information on designing, creating, and teaching with tactile graphics.

Tactile Graphics Project

"The Opens new windowTactile Graphics Assistant (TGA) is a program created at the University of Washington to aid in the tactile image translation process. The TGA separates text from an image so that the text can later be replaced by Braille and inserted back onto the image. In order to streamline the text selection process, the TGA employs machine learning to recognize text so that large groups (possibly hundreds) of images can be translated at a time" (from the web site). TGA is available for download free of charge, but requires registration.

Accessible Image Maps

This Webucator Opens new windowWeb Accessibility Tutorial has a chapter focused on image maps, explaining both client-side and server-side image maps (including sample code) and how to make them accessible. Other chapters relevant to accessible images can be accessed from this page as well.


Last Updated: 08/26/2010