accessibility within the web environment
TRANSCRIPT
![Page 1: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/1.jpg)
Accessibility within the Web Environment
Neil King
© Vision Australia 2012: All material contained within this file remains the sole property of Vision Australia. No part can be reproduced, used or copied without the express permission of Vision Australia.
![Page 2: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/2.jpg)
Source: http://www.flickr.com/photos/sunraven0/5451897212/sizes/l/in/photostream/
![Page 3: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/3.jpg)
• WCAG 2.0 endorsed by government and industry
• National Transition Strategy (NTS) released by AGIMO
• Australian Human Rights Commission updated its advice
Legislative Position
![Page 4: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/4.jpg)
- 95% of Australian Government Departmental portfolios are failing basic compliance
+Australian Government websites display strong accessibility considerations in their design
+Provided almost double the number of Statements of Accessibility to Level AA in 2011
+30% decrease in semantic issues over past 14 months
+Usable and accessible dynamic design
Accessibility Situation
![Page 5: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/5.jpg)
Accessible Implementation
![Page 6: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/6.jpg)
o Lightbox receives focus (4.1.2 Name, role, value)
o Alternative for image CAPTCHA (1.1.1 Non-text content)
Trove
![Page 7: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/7.jpg)
o Slide show provides user control (2.2.2 Pause, stop, hide)
o Slide number identified (1.3.3 Sensory characteristics)
o Instructions for Screen Readers (4.1.2 Name, role, value)
IP Australia
![Page 8: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/8.jpg)
o Keyboard accessible widget (2.1.1 Keyboard)
Australia Post
![Page 9: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/9.jpg)
o Can be reached and operated via the keyboard
o Screen readers describe its functionality and read its values
Fully Accessible Slider
HTML
CSS
JavaScript
ARIA
![Page 10: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/10.jpg)
o Can be reached and operated via the keyboard
o Screen readers do NOT describe its functionality and do NOT read its values
Partially Accessible Slider
HTML
CSS
JavaScript
ARIA
![Page 11: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/11.jpg)
o With JavaScript disabled the slider is not visible
Inaccessible Slider
HTML
CSS
JavaScript
ARIA
![Page 12: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/12.jpg)
o The same functionality is available via the drop-down list
Accessible Drop-down
HTML
CSS
JavaScript
ARIA
![Page 13: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/13.jpg)
o Text alternative for map data (1.1.1 Non-text content)
o Keyboard accessible map (2.1.1 Keyboard)
MyChild
![Page 14: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/14.jpg)
o Semantic alternatives for map data (1.4.1 Use of colour)
o Alternative for visual content (1.1.1 Non-text content)
Bureau of Meteorology
![Page 15: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/15.jpg)
• Get the right people and skillso Retrofitting is more costly
• Be creativeo Accessibility leads to good design
• Test it, measure change and seek feedbacko Go beyond Level AA and technical conformance
Embrace Accessibility
![Page 16: Accessibility within the Web Environment](https://reader033.vdocuments.us/reader033/viewer/2022060116/5582a965d8b42a584c8b4854/html5/thumbnails/16.jpg)
Web Access: P: 1300 367 055
W: www.visionaustralia.org.au/webaccess
o 346 Macaulay Road, Kensington Vic 3031
o 4 Mitchell Street, Enfield NSW 2136
Contact Details