Your SlideShare is downloading. ×
0
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Universal Access Design & Web Accessibility - Mekong ICT Camp 2010

1,254

Published on

Published in: Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,254
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Universal Access Design & Web Accessibility Mekong ICT Camp 2010 June 7-11, 2010 Chiang Mai, THAILAND @sunil_abraham @poakpong @donuzz @bact
  • 2. 8ight Information Walls • Environmental/Social - know the existence of info, findability • Financial/Economic - money, labor structure • Geographical - rural area • Political/Legal - discrimination, censorship • Physical - movement • Technological - browser compatibility, different devices • Sensorial - visual, audio, visual-typographical • Cultural - different languages, language complexity
  • 3. Access ➙
  • 4. Universal Access ➙ ➙ + Assistive Technology + WCAG (screen reader)
  • 5. Web Content Accessibility Guidelines (WCAG) • WCAG 1.0 – Published on May 5,1999 : support HTML & CSS (Exclude new features of HTML4 or CSS1 or CSS2) • WCAG 2.0 – Published as a W3C Recommendation on December 11, 2008 : for migrating from WCAG 1.0 checkpoints and compatibility with current and future user agents (web browser) * W3C = World Wide Web Consortium (www.w3.org)
  • 6. WCAG for ... • Perceivable • Operable • Understandable • Robust
  • 7. Priority levels of WCAG Priority 1 : Web developers must satisfy these requirements, otherwise it will be impossible for one or more groups to access the Web content. * http://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines
  • 8. Priority levels of WCAG Priority 2 : Web developers should satisfy these requirements, otherwise some groups will find it difficult to access the Web content. * http://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines
  • 9. Priority levels of WCAG Priority 3 : Web developers may satisfy these requirements, in order to make it easier for some groups to access the Web content. * http://en.wikipedia.org/wiki/Web_Content_Accessibility_Guidelines
  • 10. Priority levels of WCAG Priority 4 : Maximize compatibility with current and future user agents (web browser)
  • 11. WCAG – Priority 1 1.1 Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.
  • 12. Group Photo of MekongICT camper
  • 13. Speech alternative for CAPTCHA (image) test
  • 14. WCAG – Priority 1 1.2 Provide alternatives for time-based media.
  • 15. Display title of sound track in the movie Shaun of the dead (2004)
  • 16. WCAG – Priority 1 1.3 Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
  • 17. information structure + ➙
  • 18. WCAG – Priority 1 1.4 Make it easier for users to see and hear content including separating foreground from background.
  • 19. WCAG – Checklist Priority 1.1 ✔ Priority 1.2 ✔ A level Priority 1.3 ✔ Priority 1.4 ✔ Priority 2.1 Priority 2.2 Priority 2.3 Priority 2.4 Priority 3.1 Priority 3.2 Priority 3.3
  • 20. WCAG – Priority 2 2.1 Make all functionality available from a keyboard.
  • 21. WCAG – Priority 2 2.2 Provide users enough time to read and use content.
  • 22. WCAG – Priority 2 2.3 Do not design content in a way that is known to cause seizures.
  • 23. WCAG – Priority 2 2.4 Provide ways to help users navigate, find content, and determine where they are.
  • 24. WCAG – Checklist Priority 1.1 ✔ Priority 1.2 ✔ A level Priority 1.3 ✔ Priority 1.4 ✔ Priority 2.1 ✔ Priority 2.2 ✔ AA or Double level Priority 2.3 ✔ Priority 2.4 ✔ Priority 3.1 Priority 3.2 Priority 3.3
  • 25. WCAG – Priority 3 3.1 Make text content readable and understandable.
  • 26. WCAG – Priority 3 3.2 Make Web pages appear and operate in predictable ways.
  • 27. WCAG – Priority 3 3.3 Help users avoid and correct mistakes.
  • 28. WCAG – Checklist Priority 1.1 ✔ Priority 1.2 ✔ A level Priority 1.3 ✔ Priority 1.4 ✔ Priority 2.1 ✔ Priority 2.2 ✔ AA or Double level Priority 2.3 ✔ Priority 2.4 ✔ Priority 3.1 ✔ Priority 3.2 ✔ AAA or Triple-A level Priority 3.3 ✔
  • 29. WCAG – Priority 4 Maximize compatibility with current and future user agents, including assistive technologies. and more ...
  • 30. Resources http://www.w3.org/WAI/ http://twitter.com/w3c_wai http://accessibility.cis-india.org http://www.bbc.co.uk/accessibility http://www.bbc.co.uk/guidelines/futuremedia http://www.plainlanguage.gov
  • 31. Thank you

×