16
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.

Accessibility within the Web Environment

Embed Size (px)

Citation preview

Page 1: Accessibility within the Web Environment

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

Source: http://www.flickr.com/photos/sunraven0/5451897212/sizes/l/in/photostream/

Page 3: Accessibility within the Web Environment

• 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

- 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

Accessible Implementation

Page 6: Accessibility within the Web Environment

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

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

o Keyboard accessible widget (2.1.1 Keyboard)

Australia Post

Page 9: Accessibility within the Web Environment

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

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

o With JavaScript disabled the slider is not visible

Inaccessible Slider

HTML

CSS

JavaScript

ARIA

Page 12: Accessibility within the Web Environment

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

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

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

• 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

Web Access: P: 1300 367 055

E: [email protected]

W: www.visionaustralia.org.au/webaccess

o 346 Macaulay Road, Kensington Vic 3031

o 4 Mitchell Street, Enfield NSW 2136

Contact Details