Explain what a print disability ishttp://readingrights.orghttp://www.who.int/mediacentre/factsheets/fs282/en/: number of people with vision impairmenthttp://www.insidehighered.com/news/2013/05/09/berkeley-agrees-do-more-help-disabled-students-do-homework-and-research : increase at UCB
Organizations like Bookshare and UC Berkeley’s DSS cannot scale convert this explosion of content into accessible content.The solution is that..
… and stay that way…
Image: Screen shot of a biology book shown in the Bookshare Web Reader. There are two viewing panes. The left hand pane shows a well ordered structure of headings and sub-headings, going four layers deep, all selectable. The right hand pane shows an image with a description, an active link, and reflowable text.Around the image are tips for accessible content:Structure: Navigation, SectionsImages: Longdesc, DiAGRAM Content ModelText: Reflowable, Style/Content, FormattingMath: MathML, DescriptionTables & Lists: Headers, OrderingVideo: Track: subtitles, description, etc.
Images:Collection of 4 complex images from the textbook CK-12 Biology I.
Image:Sample tactile graphics being explored by users at DIAGRAM meeting.
This is an example that illustrates the DIAGRAM Content Model.Image:An image depicting the hydrologic cycle. The text items on the slide are examples of alternative descriptions of the graphic content. An additional callout balloon pointing to “Long Description” reads “You can add long descriptions to HTML 5!”
Image:Screenshot showing browser with two main vertical panels. Left panel is 25% of the screen and contains list of images, each accompanied by a dropdown. The left panel takes up the rest of the screen. It contains text followed by an image in a box. Next to the image is an editable box that holds the image description.
NIMAC: National Instructional Materials Accessibility Standards Center recommends MathML 3 in June 2012.
Born Accessible - Books in Browsers
Books in Browsers
October 25, 2013
What is Accessibility for Print Disabled Students?
Jessica, Steﬀon and
Shane are three of
who can access
Bookshare’s library of
periodicals with reading
tools tailored to their
Challenge: The Need
Americans with print disabilities
in U.S. have language-based disability
people with vision impairment worldwide
More requests for alternative materials at UC Berkeley in 4 years
Challenge: Everyone’s a Content Creator
in new edtech ﬁnancing in 2012
more expensive to retroﬁt for accessibility from print
(or print equivalents)
A Critical Strategy
Accessible Content Highlights
Multi-modal (touch, sound)
Tables & Lists
Images are Challenging (especially STEM)
What is an Accessible Image?
mode of access to
contained in an image
Beyond just alt text!
SVG Is Ideal for Accessibility
SVG can contain textual and structured descriptions and data
Author with SVG and if need be distribute as PNG/JPEG
SVG can more easily be turned into tactile graphics
SVG has potential to be 3D printable
SVG can be soniﬁed
STEM Descriptions Need More than 120 chars
About this description
Author: John Doe, Ph.D. in Water Engineering
Target Age: 9-12
Target Grade: 4-7
The image depicts the cycle of water evaporating, turning into clouds, falling back to earth in the
form of precipitation and being ﬁltered through sediment.
The image depicts the natural process of evaporation and precipitation and how rain water gets
ﬁltered 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 ﬁltering agents in the soil...
Annotation added by teacher
In the winter we get snow instead of rain.
Simpliﬁed Language Description
The image shows how water becomes clouds, then rain, and then gets cleaned by the soil.
You can add long
In the upper left corner of the tactile…
Moving front the top left corner of the image
MathML support is taking steps forward
– Safari and Firefox visually render MathML
– Aural rendering in Safari, Chrome(Vox) and is coming in NVDA
– Visual and aural rendering in IE 9 with MathPlayer plugin
But steps backward as well
– Chrome dropped MathML support
– IE 10 & 11 do not support MathPlayer plugin
Stopgap Math Accessibility Solutions
MathJax + Chrome(Vox) on the server as a web service
– Input: MathML or LaTex
– Output: SVG with embedded descriptions or PNG/JPG with alt
Interactive Content / Widgets
Interactive Number Lines
How Can We Discover Accessible eBooks?
Google Custom Search Example
Search for “history” titles on Bookshare ﬁlter by presence of
What can you do?
1. Leverage standards, such as HTML 5, WAIARIA, EPUB 3
2. Build content creation tools that make
3. Create reading systems that are accessible
to use, leverage standards and build on open
source projects like Readium
4. Hack – http://github.com/benetech