9 august 2012 museum of contemporary art, sydney roger hudson web usability
DESCRIPTION
Arts, Media and Technology at the MCA. 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability. How many?. 18.5% of all Australians (4 million people). Age related. 8.6% of 25-34 year olds 18% of 45-54 year olds 40% of 65-69 year olds. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/1.jpg)
9 August 2012Museum of Contemporary Art,
Sydney
Roger HudsonWeb Usability
Arts, Media and Technology at the MCA
![Page 2: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/2.jpg)
How many?18.5% of all Australians (4 million people)
Age related8.6% of 25-34 year olds
18% of 45-54 year olds
40% of 65-69 year olds
Source: “2009 Disability, Ageing and Careers survey”Australian Bureau of Statistics
![Page 3: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/3.jpg)
People with disabilities won’t / can’t / don’t
use the Internet
MYTH
Internet Usage53% of all people with reported disability
23% of people with ‘profound’ limitations
![Page 4: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/4.jpg)
Social Inclusion
![Page 5: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/5.jpg)
WHAT?
![Page 6: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/6.jpg)
• Different input devices; mouse, keyboard, switches, etc.
• Different output devices, browsers, screen readers, magnifiers, etc.
Content of web pages should be accessible with:
![Page 7: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/7.jpg)
Source:
“Refreshable Braille and the Web”
Device independence
![Page 8: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/8.jpg)
Killing Bambi
![Page 9: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/9.jpg)
![Page 10: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/10.jpg)
![Page 11: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/11.jpg)
![Page 12: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/12.jpg)
Screen readers and Flash
![Page 13: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/13.jpg)
Eclipse ACTF aDesigner http://www.eclipse.org/actf/downloads/tools/aDesigner/
Looking inside Flash
![Page 14: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/14.jpg)
Accessibility = expensive
Accessibility = difficult
Accessibility = boring
MYTHS
![Page 15: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/15.jpg)
Rules and regulations
![Page 16: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/16.jpg)
Commonwealth Disability Discrimination Act 1992(Australian Human Rights Commission Advisory Note)
UN Convention on the Rights of Persons with DisabilitiesRatified by Australia in August 2009
Commonwealth (AGIMO) and state government web guidelines
• Government websites should be WCAG 2 AA by end of 2014
• All new websites should be WCAG 2 AA compliant. • Existing non-government sites should be WCAG 2 AA by
end of 2013
![Page 17: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/17.jpg)
Four key principles of accessibility
1. Content must be Perceivable
2. Interface components in the content must be Operable
3. Content and controls must be Understandable
4. Content should be Robust enough to work with current and future user agents (including AT)
WCAG 2 Structure – POUR Principles
Web Content Accessibility Guidelines 2.0
http://www.w3.org/TR/WCAG20/
![Page 18: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/18.jpg)
WCAG 2.0 Recommendations
“WCAG 2.0 W3C Recommendation” contains:
• 4 Principles
• 12 Guidelines
• 61 Success Criteria that specify what is required to comply with the guidelines.
Three levels of conformance are defined for the Success Criteria (A, AA and AAA)
Testable
Success Criteria are statements that can be applied to different technologies and are testable by machines and/or humans.
![Page 19: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/19.jpg)
WCAG 2.0 Techniques
Advice about how to satisfy the Success Criteria is provided in the W3C “Techniques” document
• Sufficient Techniques: Ways of meeting the Success Criteria.
• Advisory Techniques: Goes beyond what is required to help authors better address the Guideline.
• Failures: Known failures to comply with the Success Criteria
![Page 20: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/20.jpg)
How do you know if something is accessible?
![Page 21: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/21.jpg)
A few simple accessibility questions
• Can you use the page without images?
• Can you use the page with the keyboard?
• When using a keyboard, do you know where you are?
• Do headings use heading elements <H#>?
• How are form inputs identified?
• Is the colour contrast sufficient?
![Page 22: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/22.jpg)
Accessibility testing tools can help a lot
http://www.aarts.net.au/audience-development/youth-arts-access/
But, tools can’t tell you everything
(Demonstration of the Web Accessibility Toolbar)http://www.paciellogroup.com/resources/wat-ie-about.html
![Page 23: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/23.jpg)
Screen readers output the content of accessible pages as either synthetic speech or refreshable Braille.
Many different screen readers, including:
•JAWS
•Window Eyes
•NVDA (Great Australian technology that is FREE)
Quick introduction to screen readers
![Page 24: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/24.jpg)
NVDA in action: Reading a web page
http://www.aarts.net.au/audience-development/youth-arts-access/
NVDA download: http://www.nvda-project.org/wiki/Download
![Page 25: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/25.jpg)
Rapidly advancing web
Same old problems
![Page 26: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/26.jpg)
Common problems 1 - 3
1. Failure to include text alternatives for imagesThe need to provide equivalent text alternatives for all non-text content is the first accessibility requirement of WCAG 2.
2. Use of CAPTCHAThe most common example of CAPTCHA is distorted images of text used as part of a login or registration process.
3. Failure to use HTML Header elements appropriatelyHeader element <h#> should be used to identify and present different sections and sub-sections of the page.
![Page 27: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/27.jpg)
4. Failure to identify form inputs adequatelyAll form inputs should have explicitly associated labels or use the input title attribute for identification.
Common problems 4 - 6
6. Failure to mark-up data tables correctlyWith all data tables, users need to be able to associate the information presented in each data cell with the relevant row and column headers.
5. Failure to ensure sites can be used without the mouseNot all web users are able to use a mouse so it is important to ensure site pages can also be used with the keyboard.
![Page 28: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/28.jpg)
Don’t forget older web users
In Australia
2005: 24% of 65 -74 year olds are online
2007: 38% of 65 -74 year olds are online
2011: 71% of 55 – 64 year olds (age group with the greatest increase in use)
Mature age ICT users survey 2011
48% - text size is a problem at least sometime
23% - use of colour is a problem at least sometime
‘web sites are designed by young people with good vision’ (Participant comment)
![Page 29: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/29.jpg)
Where next?
Making exciting things accessible is
exciting
![Page 30: 9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability](https://reader036.vdocuments.mx/reader036/viewer/2022062518/568147c0550346895db503e0/html5/thumbnails/30.jpg)
Thank you
Any questions
Roger Hudson
Email: [email protected]
Web: www.usability.com.au
Blog: www.dingoaccess.com