1. Universal Access Design
& Web Accessibility
Mekong ICT Camp 2010
June 7-11, 2010 Chiang Mai, THAILAND
@sunil_abraham @poakpong @donuzz @bact

3. 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

4. Access
➙

5. Universal Access
➙
➙
+ Assistive Technology + WCAG
(screen reader)

6. 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)

7. WCAG for ...
• Perceivable
• Operable
• Understandable
• Robust

8. 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

9. 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

10. 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

11. Priority levels of WCAG
Priority 4 : Maximize compatibility with
current and future user agents (web browser)

12. 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.

13. Group Photo of MekongICT camper

14. Speech alternative for CAPTCHA (image) test

15. WCAG – Priority 1
1.2 Provide alternatives for time-based media.

16. Display title of sound track in the movie
Shaun of the dead (2004)

17. WCAG – Priority 1
1.3 Create content that can be presented in
different ways (for example simpler layout)
without losing information or structure.

18. information structure
+ ➙

19. WCAG – Priority 1
1.4 Make it easier for users to see and hear
content including separating foreground from
background.

20. 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

21. WCAG – Priority 2
2.1 Make all functionality available from a
keyboard.

22. WCAG – Priority 2
2.2 Provide users enough time to read and use
content.

23. WCAG – Priority 2
2.3 Do not design content in a way that is
known to cause seizures.

24. WCAG – Priority 2
2.4 Provide ways to help users navigate, find
content, and determine where they are.

25. 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

26. WCAG – Priority 3
3.1 Make text content readable and
understandable.

27. WCAG – Priority 3
3.2 Make Web pages appear and operate in
predictable ways.

28. WCAG – Priority 3
3.3 Help users avoid and correct mistakes.

29. 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 ✔

30. WCAG – Priority 4
Maximize compatibility with current and future
user agents, including assistive technologies.
and more ...

31. 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

32. Thank you