Universal Access Design
& Web Accessibility
           Mekong ICT Camp 2010
   June 7-11, 2010 Chiang Mai, THAILAND
 @suni...
8ight Information Walls
•   Environmental/Social - know the existence of info, findability

•   Financial/Economic - money,...
Access


➙
Universal Access

                  ➙
           ➙
   + Assistive Technology   + WCAG
(screen reader)
Web Content Accessibility
    Guidelines (WCAG)
• WCAG 1.0 – Published on May 5,1999 :
  support HTML & CSS (Exclude new
 ...
WCAG for ...

• Perceivable
• Operable
• Understandable
• Robust
Priority levels of WCAG

Priority 1 : Web developers must satisfy these
requirements, otherwise it will be impossible
for ...
Priority levels of WCAG

Priority 2 : Web developers should satisfy
these requirements, otherwise some groups
will find it ...
Priority levels of WCAG

Priority 3 : Web developers may satisfy these
requirements, in order to make it easier for
some g...
Priority levels of WCAG

Priority 4 : Maximize compatibility with
current and future user agents (web browser)
WCAG – Priority 1


1.1 Provide text alternatives for any non-text
content so that it can be changed into other
forms peop...
Group Photo of MekongICT camper
Speech alternative for CAPTCHA (image) test
WCAG – Priority 1


1.2 Provide alternatives for time-based media.
Display title of sound track in the movie
                                            Shaun of the dead (2004)
WCAG – Priority 1


1.3 Create content that can be presented in
different ways (for example simpler layout)
without losing...
information       structure




              +               ➙
WCAG – Priority 1


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

Priority 1.1           ✔
Priority 1.2           ✔
                           A level
Priority 1.3       ...
WCAG – Priority 2


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


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


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


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

Priority 1.1           ✔
Priority 1.2           ✔
                                A level
Priority 1.3  ...
WCAG – Priority 3


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


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


3.3 Help users avoid and correct mistakes.
WCAG – Checklist

Priority 1.1           ✔
Priority 1.2           ✔
                                  A level
Priority 1.3...
WCAG – Priority 4


Maximize compatibility with current and future
user agents, including assistive technologies.




    ...
Resources

           http://www.w3.org/WAI/
         http://twitter.com/w3c_wai
        http://accessibility.cis-india.or...
Thank you
Universal Access Design & Web Accessibility - Mekong ICT Camp 2010
Upcoming SlideShare
Loading in …5
×

Universal Access Design & Web Accessibility - Mekong ICT Camp 2010

1,540 views

Published on

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

No Downloads
Views
Total views
1,540
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Universal Access Design & Web Accessibility - Mekong ICT Camp 2010

  1. 1. Universal Access Design & Web Accessibility Mekong ICT Camp 2010 June 7-11, 2010 Chiang Mai, THAILAND @sunil_abraham @poakpong @donuzz @bact
  2. 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. 3. Access ➙
  4. 4. Universal Access ➙ ➙ + Assistive Technology + WCAG (screen reader)
  5. 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. 6. WCAG for ... • Perceivable • Operable • Understandable • Robust
  7. 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. 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. 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. 10. Priority levels of WCAG Priority 4 : Maximize compatibility with current and future user agents (web browser)
  11. 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. 12. Group Photo of MekongICT camper
  13. 13. Speech alternative for CAPTCHA (image) test
  14. 14. WCAG – Priority 1 1.2 Provide alternatives for time-based media.
  15. 15. Display title of sound track in the movie Shaun of the dead (2004)
  16. 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. 17. information structure + ➙
  18. 18. WCAG – Priority 1 1.4 Make it easier for users to see and hear content including separating foreground from background.
  19. 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. 20. WCAG – Priority 2 2.1 Make all functionality available from a keyboard.
  21. 21. WCAG – Priority 2 2.2 Provide users enough time to read and use content.
  22. 22. WCAG – Priority 2 2.3 Do not design content in a way that is known to cause seizures.
  23. 23. WCAG – Priority 2 2.4 Provide ways to help users navigate, find content, and determine where they are.
  24. 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. 25. WCAG – Priority 3 3.1 Make text content readable and understandable.
  26. 26. WCAG – Priority 3 3.2 Make Web pages appear and operate in predictable ways.
  27. 27. WCAG – Priority 3 3.3 Help users avoid and correct mistakes.
  28. 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. 29. WCAG – Priority 4 Maximize compatibility with current and future user agents, including assistive technologies. and more ...
  30. 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. 31. Thank you

×