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

2. 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

3. Page 3 Images are Challenging (especially STEM)

4. 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

5. 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

6. 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)

7. Page 7 Make “born digital” mean “born accessible”

8. 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

9. Page 9 Who else is the DIAGRAM Center? ● 27-member Advisory Board –Technologists –Educators –Publishers –Accessibility experts –Student/Parent reps ● Working Groups with 20+ members ● Collaborators including Image Share, Dorina Nowill

10. 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

11. 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

12. Page 12 Poet: Navigation, Contextualize, Describe

13. Page 13 Poet: Math Helper Converts ascii math input into MathML and MathJax

14. 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

15. 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

16. 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

17. 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.)

18. Page 18 Example: The Hydrologic Cycle

19. Page 19 Standards: Content Model Example About 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

20. 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

21. Page 21 What we’ve done: Best Practices & Research ● Training webinars ● Product evaluation matrices ● User survey on reading technologies ● Report on metadata images

22. 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

23. 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

24. Page 24 Putting It All Together: A Case Study Bookshare

25. 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.

26. 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

27. 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

28. 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?”

29. 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

30. 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 info@diagramcenter.orginfo@diagramcenter.org 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

31. Page 31 LINKS ● DIAGRAM Center www.diagramcenter.orgwww.diagramcenter.org ● Poet http://diagramcenter.org/development/poet.htmlhttp://diagramcenter.org/development/poet.html ● National Center for Accessible Media (NCAM) http://ncam.wgbh.orghttp://ncam.wgbh.org ● DAISY Consortium http://www.daisy.orghttp://www.daisy.org ● IDPF http://idpf.orghttp://idpf.org ● Benetech http://www.benetech.orghttp://www.benetech.org ● Bookshare http://www.bookshare.orghttp://www.bookshare.org ● “Accessibile EPUB 3,” Matt Garrish, published by O’Reilly Media http://shop.oreilly.com/product/0636920025283.dohttp://shop.oreilly.com/product/0636920025283.do ● “508 Compliance” by Katie Cunningham, O’Reilly Media, May 2012

32. Page 32 THANK YOU! ● Anh Bui Email: anhb@benetech.org Senior Manager DIAGRAM Centeranhb@benetech.org ● Fred Slone Email: freds@benetech.org Director of Operations Booksharefreds@benetech.org