The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

17
The National Library for the Blind

Transcript of The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Page 1: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

TheNational Libraryfor the Blind

Page 2: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Designing accessible websites

Joanna Widdows

David Egan

Page 3: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Design For AllAccessible design is good

design for allVisual impairment (VI) and

the Web: VI: a continuum

Page 4: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

How do visually impaired people access the web?

MagnificationRefreshable

BrailleSpeech

synthesis

Page 5: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Why Bother?

Social Inclusion Best Value DDA E-Government

Page 6: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

Text version of site is essential

Good sites can include more than just text

Page 7: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

Frames must not be used

Give frames titles Use ‘no frames’ version

Page 8: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

Tables must not be used

Avoid the use of tables for layout

Use necessary markup to describe tables

Page 9: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

Images must be avoided

Give all images alt text Give imagemaps text links

Page 10: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

Flash and Javascript must not be used

Offer alternatives for Javascript, applets, flash plug-ins

Page 11: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

PDF must not be used

Make Access Adobe available for PDF files - http://access.adobe.com/

Page 12: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Myths and Tips

Bobby is all you need

Use Bobby, other tools and human evaluation

Page 13: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

More Tips Make the text legible make the design flexible Provide a site map

[preferably at the bottom of the screen]

Page 14: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

…and more

Multiple links can make navigation difficult

Page 15: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

Make sure links make sense out of context

Page 16: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

The proof of the pudding...

Some examples of good and bad

practice

Page 17: The National Library for the Blind Designing accessible websites Joanna Widdows David Egan.

NLB Consultancy

Co-ordinated by Interactive InitiativesInteractive Initiatives

Developing NLB charter mark

[email protected]