Access for all Why it’s important to make accessibility an integral part of your website design Donna Smillie Best Practice Officer (Accessible Websites) Royal National Institute of the Blind Goss Interactive Seminar April 2003
The Web - designed for access “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” Tim Berners-Lee W3C Director and inventor of the World Wide Web
Disabled people in the UK 8.5 million people with a disability (Source: Office of National Statistics) 2 million people with sight problems (Source: RNIB)
Users may not be able to.....see what’s on the screen..hear audio files or video sound tracks..use a mouse / use a keyboard..read easily or quickly, or cope with blinking or scrolling text..understand complex pages..use browser dependent plug-ins or scripts e.g. Flash, Java applets, JavaScript
What users can do Adjust PC settings –screen resolution, system font size Adjust browser settings –font size, text & background colours ‘Access technology’ / ‘Assistive technology’ –speech input –virtual keyboard & nudge switch –screen magnification –synthetic speech output / braille display
More about access technology RNIB website - –Fact sheets –Local agencies database –Regional resource centres –Suppliers AbilityNet website - –Info about access technology –Fact sheets –Suppliers
The WAI guidelines Web Content Accessibility Guidelines –Published by the Web Accessibility Initiative (WAI), part of the World Wide Web Consortium (W3C) –Comprehensive guidance on accessible design, with examples and suggested techniques –Useful list of accessibility checkpoints for use when designing / checking pages for accessibility
Standards & Guidelines WAI Web Content Accessibility Guidelines –‘A’, ‘AA’, ‘AAA’ Bobby RNIB ‘See it Right’ UK Government guidelines e-Europe initiative Section 508 (USA)
The current trend in UK & Europe e-Europe - Commitment to accessibility – topics/citizens/accessibility/ (single URL, no spaces) UK Government - Guidelines for government websites includes section on accessibility – (Resources - Guidelines) Disability Discrimination Act Code of practice for section 3 (Provision of Goods & Services) now includes a website as an example –
Key issues Layout & design Flash, scripts, mutimedia Text, contrast & colour Images & graphics Links Forms
Old Abbey National site...
…without graphics - no content!
New Abbey National site...
…without graphics - much better...
…and the text resizes too
Sites designed for accessibility... Are quicker and easier for everyone to use Are more likely to work on new and emerging technologies as well as with access technology Reach the largest possible audience Contribute to creating a positive image Help to demonstrate a commitment to avoiding discrimination against people with disabilities
Some useful tools Vischeck - online colour blindness simulator – Lynx - free text browser – Bobby - check your pages re WAI guidelines – Access Adobe - accessing PDF documents –
Further information... Campaign for Good Web Design Accessible Web Design: hints for designing accessible websites ‘See it Right’ Accessible Website logo scheme (All have links to useful information elsewhere on the Web)
RNIB consultancy RNIB ‘See it Right’ Web Consultancy Practical advice on accessible web design Website audits & logo scheme Talks and seminars For more information: Telephone :+44 (020)