170 likes | 285 Views
‘An Introduction to Accessibility’ Presentation. Accessibility reviews and training, usable web site design and development www.fishdev.co.uk.
E N D
‘An Introduction to Accessibility’ Presentation Accessibility reviews and training, usable web site design and development www.fishdev.co.uk Please contact us on 0800 756 6404 or at mail@fishdev.co.uk for a no obligation discussion of your web accessibility development or training requirements.
What is web accessibility? • Allowing people with disabilities to be able to use Web sites more easily • Disabilities can include: • Visual – blindness, or short sightedness • Physical • Auditory • Guidance and standards on web accessibility by the Worldwide Web Consortium (W3C) • Headed by Tim Berners-Lee, inventor of the World Wide Web
Who are affected? • Millions of people have disabilities that affect their use of the Web. • There are 8.6 million registered disabled people in the UK - 14% of the population • Two million UK residents have a sight disability - 4% of the population • One in 12 men and one in 200 women have some form of colour blindness - 9% of the UK population
Why invest in an Accessible site? • Financial gains and cost savings from increased potential market share, search engine findability, and increased usability • Reducing risk of legal action resulting in high legal expenses and negative image • The public relations benefits of demonstrating social responsibility • Accessible web sites also benefits people without disabilities
Off line disability aids • Disabilities are lessened by the following: • Vision • Large print books, braille • Mobility • Lifts, ramps on buses, etc • Hearing • Closed captioning for films, sign language
On line disability aids • disabilities are lessened by the following: • VISION • Visually-impaired: use browser features to make font sizes larger or use screen magnification tools • Blind: screen readers, dynamic Braille printers • Color-blind: disable style sheets to force usable color preferences for text colors and page backgrounds • MOBILITY • Can’t use mouse – keyboard only - tab • HEARING • Textual descriptions or subtitles for video and audio
Visual accessibility demonstration • Short sighted people may need to increase the text size on their web pages • Colour blind people turn off style sheets • Blind people use screen readers to interpret web pages
Mobility demonstration • May not be able to use mouse - keyboard only. • Navigation using tab • Access keys • Alternatives to JavaScript needed. what if JavaScript is turned off? Use noscript html tag!
Making your web site accessible • To meet the minimum standards (A) you should: • Use resizable font sizes – relative not absolute • provide alternatives to: • Images - in the form of ALT text and LONGDESC • JavaScript - through the <noscript> tag • Flash – provide HTML equivalents • Audio & video - using subtitles or written transcripts • With hypertext links, use text that makes sense when read out of context. • Page structure - Order headings logically, don’t use styles for headings.
What next? • Run accessibility checker of your site: • http://webxact.watchfire.com/ - you should aim to be at least W3C A compliant, ideally W3C AA • Keep up to date with developments in accessibility best practice at W3C’s Web Accessibility Initiative at http://www.w3.org/WAI/ • Contact www.fishdev.co.uk
Question 1 • Which international organization develops strategies, guidelines, and resources to help make the Web accessible to people with disabilities and who is it headed up by? • The World Wide Web Consortium (W3C), headed up by Tim Berners-Lee
Question 2 • How many people in the UK are registered disabled? • 8.6 million, or 14% of the population
Question 3 • Give an example of a navigation feature that someone who cannot use a mouse would have trouble using on a web page and which HTML tag would you use to provide an alternative? • Roll over/dropdown menus using Javascript. • The Noscript tag should be used here.
Question 4 • How would a colour blind person make a web site with colours they cannot see readable, and what site structure makes this possible? • Turn off style sheets in windows. • Use CSS in web design to separate content from design pages
Question 5 • What are the three levels of W3C accessibility compliance? • A • AA • AAA