Download - DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012
![Page 1: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/2.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/3.jpg)
Page 3
Images are Challenging (especially STEM)
![Page 4: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/4.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/5.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/6.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/7.jpg)
Page 7
Make “born digital”
mean“born accessible”
![Page 8: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/8.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/9.jpg)
Page 9
Who else is the DIAGRAM Center?
![Page 10: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/10.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/11.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/12.jpg)
Page 12
Poet: Navigation, Contextualize, Describe
![Page 13: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/13.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/14.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/15.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/16.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/17.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/18.jpg)
Page 18
Example: The Hydrologic Cycle
![Page 19: DIAGRAM Center: Making Image and Graphical Content Accessible EASI Webinar – August 8, 2012](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/19.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/20.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/21.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/22.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/23.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/24.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/25.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/26.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/27.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/28.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/29.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/30.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/31.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032606/56649eac5503460f94bb215e/html5/thumbnails/32.jpg)
Page 32
THANK YOU!
● Anh BuiEmail: [email protected] ManagerDIAGRAM Center
● Fred SloneEmail: [email protected] of OperationsBookshare