Making the Web Accessible: Forms and Mulitmedia


Published on

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

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

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • 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 </li></ul><ul><li>Version 2 - In final draft stage (likely in 2009) </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> </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> </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>