Web Accessibility<br />25-26 September, 2009<br />-Srinivasu<br />
Agenda<br />What’s Disability?<br />World Wide Web Consortium (W3C)<br />W3Cs Web Accessibility Initiative (WAI)<br />Web ...
What’s Disability<br />Situational Disability<br />Reaching late to venue… Traffic in city<br />Oops! My mouse stopped wor...
World Wide Web Consortium (W3C)<br />Develops interoperable technologies<br />Specifications<br />Guidelines<br />Software...
W3C’s WAI (Web Accessibility Initiative)<br />WAI develops...<br />Guidelines widely considered as the international stand...
Web Content Accessibility Guidelines (WCAG) 2.0<br />WCAG 2.0 has evolved over years based on feedback and recommendation....
Assistive Technologies<br />Screen Magnifier <br />Screen Reader<br />Speech Recognition<br />Refreshable Braille<br />Tex...
Building Accessible Websites<br />Laying Accessibility Foundation<br />Table-less layouts – easy to manage, avoid problems...
Guideline 1: Perception<br />Non-text content<br />Images – provide alt / long desc attribute<br />CAPTCHA – provide alter...
Guideline 1: Perceivable – contd., <br />Audio / Visual Content – provide closed captions<br />Adaptability – should be fl...
Guideline 2: Operable<br />Keyboard access – all information and functionality should be available to access via keyboard ...
Guideline 2: Operable – contd.,<br />Enough time – User should have sufficient time to read and interact with content. If ...
Accessible Rich Internet Applications (ARIA)<br />ARIA is WAI Recommendation http://www.w3.org/WAI/intro/aria.php<br />WAI...
Guideline 3: Understandable<br />Use of Natural Language – unless a specific terminology is required<br />Predictable – Us...
Guideline 4: Robust<br />Compatibility with latest technologies and support for assistive technologies<br />Add Accessible...
Accessibility Testing<br />				          +<br />Manual Testing<br />(Eg: Screen Reader)<br />Automated Tools <br />(Eg: Wa...
Accessibility Testing - Automated<br />WAVE – http://wave.webaim.org/toolbar<br />Firefox Accessibility extension<br />Add...
Accessibility Testing – Manual<br />Screen Readers<br />NVDA – http://www.nvda-project.org<br />JAWS for Windows – http://...
Thank You<br />
Upcoming SlideShare
Loading in …5
×

Introduction to Web Accessibility and WCAG

951 views
909 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
951
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Introduction to Web Accessibility and WCAG

  1. 1. Web Accessibility<br />25-26 September, 2009<br />-Srinivasu<br />
  2. 2. Agenda<br />What’s Disability?<br />World Wide Web Consortium (W3C)<br />W3Cs Web Accessibility Initiative (WAI)<br />Web Content Accessibility Guidelines (WCAG) 2.0 Introduction<br />Assistive Technologies<br />Building Accessible Websites<br />Guideline 1 – Perceivable<br />Guideline 2 – Operable<br />Guideline 3 – Understandable<br />Guideline 4 – Robust<br />Accessibility Testing<br />
  3. 3. What’s Disability<br />Situational Disability<br />Reaching late to venue… Traffic in city<br />Oops! My mouse stopped working, what do I do?<br />Text is too small on this webpage, how do I read this?<br />Functional Disability<br />Visually impaired<br />Mobility impaired<br />Hard of hearing<br />Learning disability<br />Autism, Cerebral Palsy<br />
  4. 4. World Wide Web Consortium (W3C)<br />Develops interoperable technologies<br />Specifications<br />Guidelines<br />Software<br />Tools<br />Why would they do it?<br />To lead web to its potential and for consistency on web…<br />
  5. 5. W3C’s WAI (Web Accessibility Initiative)<br />WAI develops...<br />Guidelines widely considered as the international standard for Web accessibility <br />Support materials to help understand and implement Web accessibility <br />WAI welcomes...<br />Participation from around the world <br />Volunteers to review, implement, and promote guidelines <br />Dedicated participants in working groups <br />
  6. 6. Web Content Accessibility Guidelines (WCAG) 2.0<br />WCAG 2.0 has evolved over years based on feedback and recommendation.<br />It defines how to make web content more accessible.<br />Currently WCAG 2.0 is official recommendation http://www.w3.org/tr/wcag20<br />
  7. 7. Assistive Technologies<br />Screen Magnifier <br />Screen Reader<br />Speech Recognition<br />Refreshable Braille<br />Text Browsers<br />Large keyboard<br />Mouse substitute such as a joystick, a trackball, on-screen keyboard.<br />Scanning Software<br />Speech Synthesis<br />Some Pictures<br />
  8. 8. Building Accessible Websites<br />Laying Accessibility Foundation<br />Table-less layouts – easy to manage, avoid problems for screen readers<br />Structured mark-up – Need for Search Engines, better access to assistive technologies<br />Valid code – Assistive Technologies completely rely on your code, if you mess-up, those users will hate you<br />
  9. 9. Guideline 1: Perception<br />Non-text content<br />Images – provide alt / long desc attribute<br />CAPTCHA – provide alternate in audio CAPTCHA or use CAPTCHA based on logical questions<br />
  10. 10. Guideline 1: Perceivable – contd., <br />Audio / Visual Content – provide closed captions<br />Adaptability – should be fleixible. User should be able to use their own style sheets<br />Contrast – ensure that foreground and background will have sufficient contrast<br />
  11. 11. Guideline 2: Operable<br />Keyboard access – all information and functionality should be available to access via keyboard including:<br />Links<br />Headings<br />Form fields<br />Lists<br />Tables<br />
  12. 12. Guideline 2: Operable – contd.,<br />Enough time – User should have sufficient time to read and interact with content. If content is time-based, same should be notified prior to the session and user should be given an option to extend time limit unless time limit is mandatory.<br />Seizures – seizures should generally be avoided as far as possible<br />Navigable – Web page should be easily navigable by any input device including assistive technologies<br />
  13. 13. Accessible Rich Internet Applications (ARIA)<br />ARIA is WAI Recommendation http://www.w3.org/WAI/intro/aria.php<br />WAI-ARIA, the Accessible Rich Internet Applications Suite, defines a way to make Web content and Web applications more accessible to people with disabilities. It especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.<br />
  14. 14. Guideline 3: Understandable<br />Use of Natural Language – unless a specific terminology is required<br />Predictable – User should be able to predict the result upon his action<br />Input assistance – provide adequate help for user to interact with forms etc.<br />
  15. 15. Guideline 4: Robust<br />Compatibility with latest technologies and support for assistive technologies<br />Add Accessible Rich Internet Applications (ARIA) support for RIA such as AJAX based applications<br />Alert<br />Landmark etc…<br />
  16. 16. Accessibility Testing<br /> +<br />Manual Testing<br />(Eg: Screen Reader)<br />Automated Tools <br />(Eg: Wave/ FAE)<br />=<br />Accessibility Testing<br />
  17. 17. Accessibility Testing - Automated<br />WAVE – http://wave.webaim.org/toolbar<br />Firefox Accessibility extension<br />Add-ons of Mozilla Firefox https://addons.mozilla.org/en-US/firefox/search?q=accessibility&cat=all<br />
  18. 18. Accessibility Testing – Manual<br />Screen Readers<br />NVDA – http://www.nvda-project.org<br />JAWS for Windows – http://www.freedomscientific.com<br />Screen Magnifiers<br />ZoomTextXtra – http://www.aisquared.com<br />Dolphin Supernova – http://www.yourdolphin.com<br />Alternate Input devices – <br />Track ball and switch – http://www.ablenetinc.com<br />Dragon Naturally Speaking <br />http://www.nuance.com<br />Talks – a screen reader for mobile S60 phones <br />http://www.nuance.com/talks/<br />
  19. 19. Thank You<br />

×