accessibility and the importance of user testing
DESCRIPTION
Is user testing more important than following WAI guidelines? A discussion on user testing and aspects of web development such as accessible forms, tables, skip links, source order and structural labels.TRANSCRIPT
![Page 1: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/1.jpg)
accessibility and the importance of user testing
Sydney web accessibility forum 2007WANAU - Web Accessibility Network for Australian Universities
![Page 2: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/2.jpg)
An impostor?
A web designer, not accessibility expert.
![Page 3: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/3.jpg)
A sad beginning
Invalid code, poor semantics, no idea.
![Page 4: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/4.jpg)
Moving to standards
A long slow process (still going).
![Page 5: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/5.jpg)
An introduction
Roger Hudson introduced me to a process that we still follow today - watch, listen, take
note.
![Page 6: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/6.jpg)
A rude awakening
My first accessibility user testing experience.
![Page 7: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/7.jpg)
Lesson 1 - “more” links
More.. More.. More..
![Page 8: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/8.jpg)
Solution 1:
Link from heading, descriptive links, hide sections if necessary.
http://www.maxdesign.com.au/presentation/more-links/
![Page 9: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/9.jpg)
Lesson 2: content blending
Semantic markup is not necessarily enough.
![Page 10: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/10.jpg)
Solution 2:
Structural headings - headings that describe sections of the page.
http://www.maxdesign.com.au/2006/01/17/about-structural-labels/
![Page 11: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/11.jpg)
Lesson 3: form confusion
When forms do not use correct form elements, confusion can follow.
![Page 12: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/12.jpg)
Solution 3:
Use correct form elements.
<label for=“add”>Label here</label><input name=”add" id=“add” type="text" />
![Page 13: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/13.jpg)
Another rude awakening
Watching a screen magnifier user in action.
![Page 14: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/14.jpg)
Lesson 4: Dropdown hell
Dropdowns and fly-out menus can be totally inaccessible for some users.
![Page 15: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/15.jpg)
Solution 4:
Avoid dropdown and fly-out menus altogether. They negatively affect many
groups
![Page 16: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/16.jpg)
Lesson 5: images for content
When enlarged, images can become unreadable.
![Page 17: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/17.jpg)
Solution 5:
Avoid images for important content.
![Page 18: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/18.jpg)
Seeing is believing
Watching users in action is vital for web designers, developers and managers.
![Page 19: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/19.jpg)
When in doubt - test
If you are unsure about a page or function – sit down with specific user groups and test!
![Page 20: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/20.jpg)
Don’t believe the hype
There are many urban myths circulating the web. Testing is the only way to check and
document.
![Page 21: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/21.jpg)
Some of our tests
1. Cognitive impairment2. Data tables
3. Source order, skip links and structural headings
![Page 22: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/22.jpg)
Cognitive impairment“People with cognitive disabilities and learning disorders
are a relatively large proportion of the disabled population and often overlooked or ignored.
Their needs are very hard to meet through a website – not just a matter of design, markup and CSS. You also
need to get commitment from site owners to re-write the content in a more appropriate way.”
http://juicystudio.com/article/cognitive-impairment.php
![Page 23: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/23.jpg)
Data Tables“The id and headers attributes are the most effective way to make complex data tables accessible. Although slightly more difficult to code than scope, the apparent poor screen reader support for scope, and its lack of support for more than two levels of heading, means that this is probably not an effective accessibility option.”
http://usability.com.au/resources/tables.cfm
![Page 24: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/24.jpg)
Source order “Most screen reader users expect navigation to be
presented before content. There appears to be little evidence to support the view that screen reader
users would prefer content first, or find sites easier to use when this occurs.”
http://usability.com.au/resources/source-order.cfm
![Page 25: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/25.jpg)
Skip links“Many experienced users do not need skip links. But
less experienced screen reader users are likely to find skip links useful for moving directly to specific sections of the page. In our opinion, websites should continue to
provide visible skip links at the top of pages.”
![Page 26: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/26.jpg)
Structural labels“All of the research participants found the structural labels to be useful. The inclusion of structural labels
seems to be an effective and relatively simple solution to the significant problem some screen
reader users have in identifying the different elements on a page.”
![Page 27: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/27.jpg)
Where to now?
Possibly a series of tests on JavaScript driven dropdowns and fly-outs?
![Page 28: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/28.jpg)
A conclusion
While guidelines and checklists are important, it is also vital to observe real
users in action.
![Page 29: Accessibility and the importance of user testing](https://reader034.vdocuments.mx/reader034/viewer/2022051412/54c7fb824a79597a558b456b/html5/thumbnails/29.jpg)
Thank you