- Figure with details element:
http://cookiecrook.com/longdesc/details/ - Accessible vector graphics in SVG:
http://cookiecrook.com/longdesc/svg/ - Raster graphics in an SVG Wrapper: (no example available)
· Not offered by linking in HTML in a standard way.
· Context is necessary for accessibility. This is especially important for anybody using a screen reader, or for any user with cognitive impairments. However, since both magnification use and mouse-less keyboard-less browsing can increase the difficulty of navigating, providing easy links to context can be very important.
· Publishing use case: An article in Example Magazine contains multiple complex infographics that need to be described with watermarks/breadcrumbs guaranteeing the reader will always return to the current context.
2. Offering 3D printer models as enhanced alternatives to viewing/printing for complex objects, such as a rotating visualization or a relief map.
· Not offered by describedby, alt, longdesc. linking in HTML can't wrap complex dynamic objects, or objects which are already links.
· 3D printing models of 3D visualizations will be a game changer for blind/VI users of digital publications.
· Publishing use case: An art history textbook with 3D printing instructions for Bernini’s David
3. Providing structured markup in an extended enhancement.
Both the <details> element and <svg> alternatives provide this functionality.
- Figure with details element:
http://cookiecrook.com/longdesc/details/ - Accessible vector graphics in SVG:
http://cookiecrook.com/longdesc/svg/ - Raster graphics in an SVG Wrapper: (no example available)
· Not offered by describedby or alt.
· Structured markup is vital for accessibility. A screen reader user who does not have access to structure cannot navigate to the items in the list, cannot navigate via heading, and cannot have a screen reader voice appropriately change language according to language tag markup. Without structured markup a screen reader user cannot easily skim or skip around the sections of a lengthy extension.
· Publishing use case: a linguistics textbook with complex data visualizations needing rich description, including bulleted lists and marked up multi-language sections. (See attached images for examples.)
4. Providing an extended enhancement to any element, even one thatis already a link
I'm not certain why you'd need a long desc for a link, but both <details> and <svg> can be used generally. They do not need to be associated with images.
· Not offered in all cases with alt, longdesc, linking in HTML.
· Extended enhancements need to be available for all page items for accessibility. Many images or complex visualizations on the web are already links as part of site design. Those need to be available to blind/VI users just as much as unlinked images.
· Publishing use case: a historical map in a political science reference manual, with Baltic States clearly marked on the historical image links to a higher-definition map.
5. Providing an extended enhancement to any element, including a dynamic one.
· Not offered in all cases with alt, longdesc, linking in HTML.
· Extended enhancements need to be available for all items for accessibility. Many images or complex visualizations on the web are rich dynamic applications which cannot be made into links. Those need to be available to blind/VI users just as much as simple images.
· Publishing use case: a required reading quiz at a chapter end with a manipulatable, dynamic timelapse overlay.
6. Offering a large number of very lengthy enhancements in a single page without bloating the size and complexity of the source page
Standard linking and server-side content negotiation provide this functionality.
That said, I am skeptical that your long descriptions would result in significantly measurable size increase for a web page.
"Complexity" is a more subjective term so you could have a valid point depending on the specific image examples and development stack, but please consider this. The goal of simplifying authoring complexity should never yield a result that provides a substandard experience to the end user.
· Not offered by describedby, alt.
· There are myriad reasons why this is an accessibility use case. First of all, accessibility has to become something publishers are willing to add to their digital publications. If adding many extended enhancements bloats the page such that it has a slow load time for the users who will not access the extended enhancements, publishers are less likely to add the enriched material. Moreover, slow load time can increase reading difficulties for users with cognitive impairments, as well as for users with visual impairments, who are not necessarily informed of what is happening during page load.
· Publishing use case: a picture book displaying a complex four-part story, in which details from one story interact with details from another.
· Publishing use case: a biology textbook chapter with a very large number of cell images, each of which needs to be described with description of the cell components
7. Providing access to extended enhancements in ways that don't conflict with visual design.
· Not offered by linking in HTML.
I reject this hypothesis. Links can be styled to disappear completely and/or display only when focused. As such, they provide all the functionality of longdesc and describedat, but perform better in more browsers and with more assistive technology.
In addition, both the <details> element and <svg> alternatives provide this functionality and can be styled such that the design is not impacted.
- Figure with details element:
http://cookiecrook.com/longdesc/details/ - Accessible vector graphics in SVG:
http://cookiecrook.com/longdesc/svg/ - Raster graphics in an SVG Wrapper: (no example available)