1 / 28

Web Accessibility for Print Illiteracy

Web Accessibility for Print Illiteracy. A11yPi alleppey. What is accessibility?.

manon
Download Presentation

Web Accessibility for Print Illiteracy

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Accessibility for Print Illiteracy A11yPi alleppey

  2. What is accessibility?

  3. “Accessibility is a general term used to describe the degree to which a product, device, service, or environment is accessible by as many people as possible. Accessibility can be viewed as the 'ability to access' and possible benefit of some system or entity. Accessibility is often used to focus on people with disabilities and their right of access to entities, often through use of assistive technology.” [Wikipedia: http://en.wikipedia.org/wiki/Accessibility]

  4. “Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to aging.”[Web Accessibility Initiative: http://www.w3.org/WAI/intro/accessibility.php]

  5. Widening Accessibility

  6. Print Illiteracy Sourced from: http://unstats.un.org/unsd/demographic/products/socind/literacy.htm

  7. Print Impaired! • Current focus is on people with disabilities • Largest audience with accessibility issues are people who are print illiterate/impaired • These are peoplewho are not comfortable with text(i.e. reading and writing text)but who have good ears, eyes and cognition.

  8. a11yPi A C C E S S I B I L I T y Print illiterate 11 A11yPiPronounced as Alleppey Alleppey is a name of an area in Kerala, India, where the land in backwater area is made accessible for agricultural and livelihood by building small dikes around the rice fields and thereby keep the salty sea water at a safe height!

  9. Approaching Accessibility

  10. Accessibility For Print Impaired Extending W3C guidelinesto include Print Impaired peoples needs Semantic Web Community driven interpretations,re-narrations and dynamic renditions of content based on the level of print-impairment of the user and available relevant content Facilitative

  11. ExampleAyodhya Verdict

  12. Ayodhya Verdict [8132 Pages] [Only in English] • Inaccessible because • it is a technical document • very lengthy • difficult to understand

  13. More Accessible • Less Technical • Shorter Length • Easier to understand Derivative 2 [D2] A short summaryof the verdict ina regional language by a lawyer Derivative 1 [D1]  Ayodhya Verdict [8132 Pages] [Only in English] Manual linking works well e.g. Wikipedia Solution: Users can manually link a document to other documents and say that D2 is a derivative work of D1. The link can be as specific as possible. E.g. <title> in the <header> in D2 is linked to the 3rd paragraph in D1. A subsequent search of Ayodhya verdict allows a plug-in to recommend D2, or use D2 during the rendering of D1

  14. ExampleA joke on xkcd.com

  15. Derivative 1 [D1] Susan sends joke by email to friends Nadin – who also received the link from Susan, sends a mail to pointers that help clarify some of the connotations and implied meanings in that joke. Derivative 2 [D2] http://www.csmonitor.com/Innovation/Horizons/2010/1015/Shibboleet-XKCD-s-clever-code-word-explainedhttp://en.wikipedia.org/wiki/List_of_shibboleths Derivative used by a browser plug-in A11yPi <derivativeref-url:http://xkcd.com/806/box7:http://www.csmonitor.com/Innovation/Horizons/2010/1015/Shibboleet-XKCD-s-clever-code-word-explained/>

  16. Structuring Content

  17. D2 Structuring Content Structuring with A11yPi Current Structure Semantic structure of document revealed through ‘nodes” Web Page Each node can be referable This can then be picked up as a recommendation for a specific impairment/need/context profile of a user. Embedded Links

  18. Existing Tools

  19. "Google Sidewiki"Sidewiki appears to be community annotations.

  20. Google translator, when translating an url, has a feature that allows one to provide for a better translation of any sentence on the translated page

  21. TED videos lets people to provide sub-titles in other languages

  22. Wikipedia has a feature that allows one to voice narrate a wiki page! - in addition to making translations in parallel language specific wikis.

  23. All examples identify a sub-unit of a media-element in the page(e.g. Google translator and TED videos allow identification of a sentence in a page) • What is the a11yPiprotocol (that is akin to html for the web) that becomes the meta web which defines the replacement/alternative/accessible substitutions?

  24. <HTML 5> <Dynamic Web Injection>Jump to Demo

  25. Assume this is an a11yPi conforming page 0 0 Assume this elementHas an ID A1C Another site defines/embeds a derivative for this A1C with attributes that identify a specific context: (derivative A1C:lang-Hin,geo-loc:india-lko) Anand who is from Lucknow and reads Hindi, using his chrome-extension a11yPi, goes to the original site and sees the video. He will see the video dynamically substitute the derivative work.

  26. markup for image as lang:kn and geo:karnataka <img id="img1" src="fire_engine.jpeg" forurl="index.html“ forid="assoc1" rec="lang:kn;geo:karnataka"> Text as recommended for language kannada (lang:kn) <p id="kn" forurl="index.html" forid="div1" rec="lang:kn">

  27. <p id="hi" forurl="index.html" forid="div1" rec="lang:hi">

More Related