Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Making the Web Accessible: Forms and Multimedia Local Government Web Network Conference 2008
Why is Web Accessibility Important for Local Government?
Disability in Australia <ul><li>4 million people have a disability  (ABS Survey) </li></ul><ul><li>Ageing population and w...
The Concept of Print Disability <ul><li>Person with a print disability cannot access “print” content in its standard forma...
Legal and General Insurance - UK success story <ul><li>Rebuilt site to meet accessibility guidelines and ensure standards ...
Legal and Policy Contexts <ul><li>Disability Discrimination Act 1992 </li></ul><ul><ul><li>HREOC Web Accessibility Advisor...
When is Content Accessible?
Accessibility is Experiential <ul><li>Person with a disability should be able to use data, information and services as eff...
Accessible Content <ul><li>Must be: </li></ul><ul><li>Perceivable </li></ul><ul><li>Operable </li></ul><ul><li>Understanda...
Web Content Accessibility Guidelines – W3C <ul><li>Version 1 - Current reference standard www.w3.org/TR/WCAG10/ </li></ul>...
Making Content & Functionality Accessible Accessible Forms Accessible Multimedia
<ul><li>Forms are used to : </li></ul><ul><li>Submit applications </li></ul><ul><li>Contact organisations </li></ul><ul><l...
Typical Forms
Example
Accessibility Outcome <ul><li>A web-delivered PDF Form is: </li></ul><ul><li>A lot better than going to council offices an...
Accessibility Problems <ul><li>Cannot complete it online </li></ul><ul><li>Screen reader may not be able understand form <...
Example Form
Example Continued
Accessibility Outcome <ul><li>Better than a PDF for many people </li></ul><ul><ul><li>Can use some assistive technology  <...
Accessibility Problems <ul><li>Hard to complete it online </li></ul><ul><li>Screen reader may not be able understand form ...
Zoom 4X Magnification
Normal Size
Another Example
Laid out using tables
<ul><li>Clearly identify required fields </li></ul>Forms
<ul><li>Position labels correctly </li></ul><ul><ul><li>Position labels  before  input boxes, text areas and dropdown boxe...
<ul><li>Ensure that all label text is clear and unique </li></ul>Forms
<ul><li>Associate labels with the corresponding input controls </li></ul>Forms <label for=“name”> Name: </label> <input id...
<ul><li>Group form items into sections using <fieldset> and <legend> </li></ul>Forms <ul><li><fieldset> </li></ul><ul><ul>...
<ul><li>Recap: </li></ul><ul><ul><li>Test with mouse and keyboard </li></ul></ul><ul><ul><li>Clearly identify required fie...
Accessible Multimedia <ul><li>Captions </li></ul><ul><li>Auslan </li></ul><ul><li>Audio description </li></ul><ul><ul><li>...
Web Accessibility Workshops <ul><li>To find out more –  </li></ul><ul><li>Introductory & techniques workshops in 2008: </l...
Vision Australia Contacts <ul><li>Brian Hardy, Gaynor Eccleston </li></ul><ul><li>  Vision Australia: Accessible Informati...
Vision Australia – Consulting Services <ul><li>Vision Australia – Accessible Information Solutions </li></ul><ul><li>Web a...
Vision Australia – Production Services <ul><li>Preparation of transcripts for audio files, videos and Flash movies </li></...
Upcoming SlideShare
Loading in …5
×

Making the Web Accessible: Forms and Mulitmedia

1,928 views

Published on

Presentation by Brian Hardy from Vision Australia delivered to the Local Government Web Network Conference 2008

Published in: Technology, Design
  • Be the first to comment

Making the Web Accessible: Forms and Mulitmedia

  1. 1. Making the Web Accessible: Forms and Multimedia Local Government Web Network Conference 2008
  2. 2. Why is Web Accessibility Important for Local Government?
  3. 3. Disability in Australia <ul><li>4 million people have a disability (ABS Survey) </li></ul><ul><li>Ageing population and workforce </li></ul><ul><li>Disabilities having most affect on daily living </li></ul><ul><ul><li>Vision loss </li></ul></ul><ul><ul><li>Physical disability </li></ul></ul><ul><ul><li>Hearing loss </li></ul></ul>
  4. 4. The Concept of Print Disability <ul><li>Person with a print disability cannot access “print” content in its standard format. </li></ul><ul><li>Low Vision </li></ul><ul><li>No vision </li></ul><ul><li>Learning disability </li></ul><ul><li>Physical impairment </li></ul>
  5. 5. Legal and General Insurance - UK success story <ul><li>Rebuilt site to meet accessibility guidelines and ensure standards compliance </li></ul><ul><li>Business benefits </li></ul><ul><ul><li>Return on Investment within 12 months </li></ul></ul><ul><ul><li>90% increase in traffic </li></ul></ul><ul><ul><li>Conversion rates to sales have increased by 26% - 200% </li></ul></ul><ul><ul><li>Site maintenance £200,000 saving per year </li></ul></ul><ul><li>Source: Dave Wilton (L&G), Julie Howell (Fortune Cookie), Jan 2007 </li></ul>
  6. 6. Legal and Policy Contexts <ul><li>Disability Discrimination Act 1992 </li></ul><ul><ul><li>HREOC Web Accessibility Advisory Notes (2002) </li></ul></ul><ul><ul><li>Intranets & Extranets also covered </li></ul></ul><ul><li>Government Policies </li></ul><ul><ul><li>Australian Govt. Web Publishing Guidelines </li></ul></ul><ul><ul><li>Each State & Territory has similar guidelines </li></ul></ul>
  7. 7. When is Content Accessible?
  8. 8. Accessibility is Experiential <ul><li>Person with a disability should be able to use data, information and services as effectively as someone without a disability </li></ul><ul><li>Compliance with technical rules is necessary, but not sufficient </li></ul><ul><ul><li>W3C Web Content Accessibility Guidelines </li></ul></ul>
  9. 9. Accessible Content <ul><li>Must be: </li></ul><ul><li>Perceivable </li></ul><ul><li>Operable </li></ul><ul><li>Understandable </li></ul><ul><li>Robust </li></ul>
  10. 10. Web Content Accessibility Guidelines – W3C <ul><li>Version 1 - Current reference standard www.w3.org/TR/WCAG10/ </li></ul><ul><li>Version 2 - In final draft stage (likely in 2009) www.w3.org/TR/WCAG20/ </li></ul>
  11. 11. Making Content & Functionality Accessible Accessible Forms Accessible Multimedia
  12. 12. <ul><li>Forms are used to : </li></ul><ul><li>Submit applications </li></ul><ul><li>Contact organisations </li></ul><ul><li>Request information </li></ul><ul><li>Access account information </li></ul><ul><li>Search a website </li></ul><ul><li>Pay an account </li></ul>Forms
  13. 13. Typical Forms
  14. 14. Example
  15. 15. Accessibility Outcome <ul><li>A web-delivered PDF Form is: </li></ul><ul><li>A lot better than going to council offices and completing the form there </li></ul><ul><ul><li>Can use some assistive technology at home </li></ul></ul><ul><ul><li>Do not have to use the phone </li></ul></ul><ul><ul><li>No need to confront mobility challenges </li></ul></ul><ul><li>A little better than requesting the form by phone and receiving it in the post </li></ul><ul><ul><li>Can use some assistive technology at home </li></ul></ul><ul><ul><li>Do not have to use the phone </li></ul></ul>
  16. 16. Accessibility Problems <ul><li>Cannot complete it online </li></ul><ul><li>Screen reader may not be able understand form </li></ul><ul><li>Solutions </li></ul><ul><ul><li>HTML form is the best option (for users and for organisation) </li></ul></ul><ul><ul><li>Possible to make a PDF form completable and accessible, but technically difficult </li></ul></ul>
  17. 17. Example Form
  18. 18. Example Continued
  19. 19. Accessibility Outcome <ul><li>Better than a PDF for many people </li></ul><ul><ul><li>Can use some assistive technology </li></ul></ul><ul><ul><li>Can complete the form online </li></ul></ul><ul><ul><li>Do not have to use the phone </li></ul></ul><ul><ul><li>No need to confront mobility challenges </li></ul></ul>
  20. 20. Accessibility Problems <ul><li>Hard to complete it online </li></ul><ul><li>Screen reader may not be able understand form instructions </li></ul><ul><li>Confusing – particularly for screen magnifier users </li></ul><ul><li>No option to print form </li></ul><ul><ul><li>Hard to use with some assistive technology </li></ul></ul>
  21. 21. Zoom 4X Magnification
  22. 22. Normal Size
  23. 23. Another Example
  24. 24. Laid out using tables
  25. 25. <ul><li>Clearly identify required fields </li></ul>Forms
  26. 26. <ul><li>Position labels correctly </li></ul><ul><ul><li>Position labels before input boxes, text areas and dropdown boxes. </li></ul></ul><ul><ul><li>Position labels immediately after checkboxes and radio buttons. </li></ul></ul><ul><ul><li>Ensure that labels are close to their corresponding input controls. </li></ul></ul>Forms
  27. 27. <ul><li>Ensure that all label text is clear and unique </li></ul>Forms
  28. 28. <ul><li>Associate labels with the corresponding input controls </li></ul>Forms <label for=“name”> Name: </label> <input id=“name” />
  29. 29. <ul><li>Group form items into sections using <fieldset> and <legend> </li></ul>Forms <ul><li><fieldset> </li></ul><ul><ul><li><legend> Personal Details </legend> </li></ul></ul><ul><ul><li>...FORM CONTENT GOES HERE… </li></ul></ul><ul><li></fieldset> </li></ul>
  30. 30. <ul><li>Recap: </li></ul><ul><ul><li>Test with mouse and keyboard </li></ul></ul><ul><ul><li>Clearly identify required fields </li></ul></ul><ul><ul><li>Position labels correctly </li></ul></ul><ul><ul><li>Use clear and unique labels </li></ul></ul><ul><ul><li>Associate labels with the input </li></ul></ul><ul><ul><li>Set the font size in relative units </li></ul></ul><ul><ul><li>Group similar areas together </li></ul></ul>Forms summary
  31. 31. Accessible Multimedia <ul><li>Captions </li></ul><ul><li>Auslan </li></ul><ul><li>Audio description </li></ul><ul><ul><li>Embedded between words </li></ul></ul><ul><ul><li>Extended, via video pause </li></ul></ul><ul><li>Full text equivalent </li></ul><ul><ul><li>Transcript </li></ul></ul><ul><ul><li>Other sounds </li></ul></ul><ul><ul><li>Audio description </li></ul></ul>
  32. 32. Web Accessibility Workshops <ul><li>To find out more – </li></ul><ul><li>Introductory & techniques workshops in 2008: </li></ul><ul><li>Sydney: 12 & 13 November </li></ul><ul><li>Brisbane: 3 & 4 September </li></ul><ul><li>Canberra: 5 & 6 November </li></ul><ul><li>Melbourne: 15 & 16 October </li></ul><ul><li>www.visionaustralia.org.au/training </li></ul>
  33. 33. Vision Australia Contacts <ul><li>Brian Hardy, Gaynor Eccleston </li></ul><ul><li> Vision Australia: Accessible Information Solutions </li></ul><ul><ul><li>45 4 Glenferrie Road, Kooyong Vic 3144 </li></ul></ul><ul><ul><li>4 Mitchell Street, Enfield NSW 2136 </li></ul></ul><ul><ul><li>Kent Street, Woolloongabba Qld 4102 </li></ul></ul><ul><ul><li>Web Accessibility Team: 1300 367 055 </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul><ul><ul><li>www.visionaustralia.org.au/ais </li></ul></ul>
  34. 34. Vision Australia – Consulting Services <ul><li>Vision Australia – Accessible Information Solutions </li></ul><ul><li>Web accessibility </li></ul><ul><ul><li>Accessibility testing and audits </li></ul></ul><ul><ul><li>Accessibility advice & support </li></ul></ul><ul><ul><li>Accessibility “Help Desk” (ad hoc advice) </li></ul></ul><ul><ul><li>Customised web workshops and seminars for various in-house audiences </li></ul></ul><ul><li>Accessibility advice and training in relation to buildings and the physical environment </li></ul>
  35. 35. Vision Australia – Production Services <ul><li>Preparation of transcripts for audio files, videos and Flash movies </li></ul><ul><li>PDF – creation of “accessible” versions </li></ul><ul><li>PDF – creation of accessible interactive forms </li></ul><ul><li>Alternative formats production – audio, Braille, large-print, tactile signs </li></ul>

×