Http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Web Accessibility for Print...

download Http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Web Accessibility for Print Illiteracy A11yPi alleppey.

of 28

  • date post

    14-Dec-2015
  • Category

    Documents

  • view

    216
  • download

    3

Embed Size (px)

Transcript of Http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Web Accessibility for Print...

  • Slide 1

http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Web Accessibility for Print Illiteracy A11yPi alleppey Slide 2 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com What is accessibility? Slide 3 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com 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] http://en.wikipedia.org/wiki/Accessibility Slide 4 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com 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] http://www.w3.org/WAI/intro/accessibility.php Slide 5 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Widening Accessibility Slide 6 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Print Illiteracy Sourced from: http://unstats.un.org/unsd/demographic/products/socind/literacy.htm Slide 7 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Print Impaired! Current focus is on people with disabilities Largest audience with accessibility issues are people who are print illiterate/impaired These are people who are not comfortable with text (i.e. reading and writing text) but who have good ears, eyes and cognition. Slide 8 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com a11yPi A C C E S S I B I L I T y 11 P rint i lliterate A11yPi Pronounced as Alleppey Pronounced 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! Slide 9 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Approaching Accessibility Slide 10 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Accessibility For Print Impaired Extending W3C guidelines to 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 Slide 11 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Example Ayodhya Verdict Slide 12 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Ayodhya Verdict [8132 Pages] [Only in English] Inaccessible because i)it is a technical document ii)very lengthy iii)difficult to understand Slide 13 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Ayodhya Verdict [8132 Pages] [Only in English] A short summary of the verdict in a regional language by a lawyer Derivative 1 [D1] Derivative 2 [D2] More Accessible i)Less Technical ii)Shorter Length iii)Easier to understand 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. in the 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 Manual linking works well e.g. Wikipedia Slide 14 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Example A joke on xkcd.com Slide 15 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Derivative 1 [D1] Derivative 2 [D2] http://www.csmonitor.com/Innovation/Horiz ons/2010/1015/Shibboleet-XKCD-s-clever- code-word-explained http://en.wikipedia.org/wiki/List_of_shibbol eths 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. A11yPi http://xkcd.com/806/ http://www.csmonitor.com/Innovation/ Horizons/2010/1015/Shibboleet-XKCD- s-clever-code-word-explained Derivative used by a browser plug-in Slide 16 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Structuring Content Slide 17 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Structuring Content Current Structure Web Page Embedded Links Structuring with A11yPi Semantic structure of document revealed through nodes Each node can be referable D2 This can then be picked up as a recommendation for a specific impairment/need/context profile of a user. Slide 18 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Existing Tools Slide 19 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com "Google Sidewiki" Sidewiki appears to be community annotations.Google Sidewiki Slide 20 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com 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 Slide 21 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com TED videos lets people to provide sub-titles in other languages Slide 22 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Wikipedia has a feature that allows one to voice narrate a wiki page! - in addition to making translations in parallel language specific wikis. Slide 23 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com 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 a11yPi protocol (that is akin to html for the web) that becomes the meta web which defines the replacement/alternative/accessible substitutions? Slide 24 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Jump to DemoDemo Slide 25 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Assume this element Has an ID A1C Assume this is an a11yPi conforming page Another site defines/embeds a derivative for this A1C with attributes that identify a specific context: (derivative A1C:lang- Hin,geo-loc:india-lko) 0 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. 0 Slide 26 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com Slide 27 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com markup for image as lang:kn and geo:karnataka Text as recommended for language kannada (lang:kn) Slide 28 http://a11y.in Web Accessibility for Inclusion dinesh@servelots.com