Universal Access Design & Web Accessibility

Mekong ICT Camp 2010June 7-11, 2010 Chiang Mai, THAILAND

@sunil_abraham @poakpong @donuzz @bact

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

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

WCAG for ...

• Perceivable

• Operable

• Understandable

• Robust

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

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

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

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 people need, such as large print, braille, speech, symbols or simpler language.

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 or structure.

+ ➙

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 ✔

A levelPriority 1.2 ✔

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

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 ✔

A levelPriority 1.2 ✔

Priority 1.3 ✔

Priority 1.4 ✔

Priority 2.1 ✔

AA or Double levelPriority 2.2 ✔

Priority 2.3 ✔

Priority 2.4 ✔

Priority 3.1

Priority 3.2

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

A levelPriority 1.2 ✔

Priority 1.3 ✔

Priority 1.4 ✔

Priority 2.1 ✔

AA or Double levelPriority 2.2 ✔

Priority 2.3 ✔

Priority 2.4 ✔

Priority 3.1 ✔

AAA or Triple-A levelPriority 3.2 ✔

Priority 3.3 ✔

WCAG – Priority 4

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

and more ...

Resources

http://www.w3.org/WAI/http://twitter.com/w3c_wai

http://accessibility.cis-india.orghttp://www.bbc.co.uk/accessibility

http://www.bbc.co.uk/guidelines/futuremediahttp://www.plainlanguage.gov

Thank you