32
DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Embed Size (px)

Citation preview

Page 1: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 2: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 2

A Little About Us…

● Benetech: Technology Serving Humanity

● Anh Bui, Senior Manager of DIAGRAM Center● Fred Slone, Director of Operations, Bookshare

● DIAGRAM Center and Bookshare are part of Benetech’s Literacy Program

Page 3: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 3

Images are Challenging (especially STEM)

Page 4: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 4

DIAGRAM Created to Meet Those Challenges

● Revolutionizing access to images and graphics in educational content through technology:– Tools

– Standards

– Best Practices & Research

● Make creating and using accessible images easier, faster, more cost effective

● So students can have timely access to the information they need

Page 5: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 5

What’s an Accessible Image?

● Provides different mode of access to visual information contained in an image, e.g.:– Text/audio description

– Tactile graphic

– Sonification

– Smart image

– Multi-modal access

Page 6: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 6

DIAGRAM Goals

Make it easier, faster, and cheaper to make and use accessible images so that students with print disabilities have timely access to the information they need.

In other words:●Make it easier for content producers to create accessible images

●Make it easier for consumers to use accessible images via technology

●Make it easier for both producers and consumers to discover accessible images and tools

●Make it easier for both to interact with content that need not be stored as traditional or static images in the first place (e.g., mathematical equations)

Page 7: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 7

Make “born digital”

mean“born accessible”

Page 8: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 8

What is the DIAGRAM Center?

● 5-year Research & Development Center ● Funded by Department of Education, Office of

Special Education Programs (OSEP)● Awarded to Benetech along with partners:

– NCAM

– U.S. Fund for DAISY

Page 9: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 9

Who else is the DIAGRAM Center?

Page 10: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 10

What We’ve Done: Tools

● Poet: A Tool for Crowdsourcing Descriptions● Image Accessibility Coverage Checker for DAISY

Books● Tobi integration: DAISY tool for multi-media

production

Page 11: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 11

Poet: A Tool for Crowdsourcing Descriptions

● Web-based and open source for adding image descriptions to eBooks (DAISY)

● For use by authors, publishers, accessibility providers

● Designed to:– Quickly identify all images in an eBook

– Tag images needing descriptions

– Author and edit rich descriptions

– Provide guidance to describers (guidelines)

– Moderate and approve descriptions

– Integrate with content production tools

Page 12: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 12

Poet: Navigation, Contextualize, Describe

Page 13: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 13

Poet: Math Helper

Converts ascii math input into MathML and MathJax

Page 14: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 14

Poet: Bookshare Use Case

● Bookshare actively using Poet to add image descriptions to textbooks

● Thousands of images described by– Volunteers

– Vendors

● Provides user feedback to influence new development

Page 15: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 15

What’s Next: Tools

● Poet– EPUB 3 and Content Model support

– Improved UI

– More Math and STEM support

– Image Classification

– Field testing with educators

● Image Accessibility Coverage Checker for EPUB 3● Prototypes:

– Interactive Image Description/Tactile Graphic Decision Tree

– QR Codes for Tactile Annotations

– Simplified Math Notation System

– More!

● Multi-modal access

Page 16: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 16

What we’ve done: Standards

● Advocacy for description-related mark up in web and ebook standards

● DIAGRAM Content Model: – Framework for how to think about accessible images

– Standard means that we can share metadata about images across systems

– Groundwork for giving individuals different ways of getting information from the same image

Page 17: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 17

Standards: Content Model

● XML data model for image metadata● For given image you can have:

– multiple types of descriptions (e.g., short, long, simplified etc.)

– alternative image links (e.g., SVG)

– other image metadata (e.g., target age, grade level, etc.)

Page 18: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 18

Example: The Hydrologic Cycle

Page 19: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 19

Standards: Content Model ExampleAbout this description

Author: John Doe, Ph.D. in Water Engineering

Target Age: 9-12

Target Grade: 4-7

Summary

The image depicts the cycle of water evaporating, turning into clouds, falling back to earth in the form of precipitation and being filtered through sediment.

Long Description

The image depicts the natural process of evaporation and precipitation and how rain water gets filtered and cleansed through the earth's sediment.

On the left-hand side of the image is a lake...

A weather event such as a rainstorm eventually returns the precipitation to the ground...

The natural filtering agents in the soil...

Annotation added by teacher

In the winter we get snow instead of rain.

Simplified Language Description

The image shows how water becomes clouds, then rain, and then gets cleaned by the soil.

Tactile Image

[Tactile image]

In the upper left corner of the tactile…

Simplified Image

[Simplified image]

Moving front the top left corner of the image

Page 20: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 20

What’s Next: Standards

● EPUB 3 Accessibility– Collaborating on EPUB 3 accessibility checklist

– Update Matt Garrish’s “Accessible EPUB 3”

● Continued advocacy, monitoring progress● Reference implementations and guidelines● Exploring integration opportunities with other

standards

Page 21: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 21

What we’ve done: Best Practices & Research

● Training webinars● Product evaluation matrices● User survey on reading technologies● Report on metadata images

Page 22: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 22

What’s Next: Best Practices & Research

● SVG and 3D Printing evaluation● Audio-tactile (i.e., text-tactile) usability study● Collaboration with Mathematics eText Research

Center (MeTRC, University of Oregon)● Interviews with content providers ● End-user survey follow up activities● Advocacy for efficacy research

Page 23: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 23

What’s Next: Longer Term

● Some of the areas under exploration:– Technology for tactiles

– Haptics

– Interactives and Image exploration

● Extended International Reach● Sample Content● Coordination with efforts in assessment

Page 24: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 24

Putting It All Together: A Case Study

Bookshare

Page 25: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 25

What is Bookshare?

● Bookshare is an online library of accessible media for readers with print disabilities.

– Over 200,000 Members

– Over 150,000 titles

– Over 190 Publishing partners

– Over a thousand new books added every month

Bookshare believes that

people with print disabilities should

have the same ease of access to

books and periodicals that people without

disabilities enjoy.

Funded by an award from OSEP, the Office of Special Education Programs in the U.S. Department of Education.

Page 26: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 26

What Bookshare Offers

● Digital books for individuals with print disabilities

● FREE membership for qualified U.S. students through OSEP award

● Multiple accessible formats, including text to speech and audio

FREE assistive technology software

Page 27: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 27

Our Accessible Image Initiative

● Launched in late fall 2011, started from zero● It takes time & staffing● “Re-launched” in early 2012● A few volunteers did nearly all early descriptions

AS OF JULY 2012: ● 21,000 image descriptions created● 16 described textbooks, including two STEM

related● Nearly 50 active describers

Page 28: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 28

Lessons Learned / Important Stuff

● The 80/20 Rule (more like 70/20/10)● Recruiting● On Boarding & Training● “Image Slams” – Focused, ½ day events● Examples, examples, examples● Quality Control● Volunteer Burn Out● “Why should I care?”

Page 29: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 29

It is Art and Science

● Long vs Short Descriptions● Color vs No Color● Emotions and subjectivity● How much context● Learning objective vs not giving away the answer

Page 30: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 30

How can you get involved?

DIAGRAM

•Follow @DIAGRAMC on Twitter•Pilot DIAGRAM tools•Advocate to standards bodies•Join a Working Group•Get updates and spread the word•Contact [email protected] for more information

Bookshare

• Become an Image Describer!• https://diagram.herokuapp.com/• Become a Quality Reviewer for Image Descriptions• Volunteer with Bookshare•http://www.bookshare.org/_/volunteer/signUp

Page 31: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 31

LINKS

● DIAGRAM Center www.diagramcenter.org

● Poet http://diagramcenter.org/development/poet.html

● National Center for Accessible Media (NCAM) http://ncam.wgbh.org

● DAISY Consortium http://www.daisy.org

● IDPF http://idpf.org

● Benetech http://www.benetech.org

● Bookshare http://www.bookshare.org

● “Accessibile EPUB 3,” Matt Garrish, published by O’Reilly Media http://shop.oreilly.com/product/0636920025283.do

● “508 Compliance” by Katie Cunningham, O’Reilly Media, May 2012

Page 32: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012

Page 32

THANK YOU!

● Anh BuiEmail: [email protected] ManagerDIAGRAM Center

● Fred SloneEmail: [email protected] of OperationsBookshare