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