24
©Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.co m Web Accessibility “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 Mike Osborne – 24 June 2010

Web Accessibility - plan,design, build, test an accessible website

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Web Accessibility - plan,design, build, test an accessible website

©Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Web Accessibility

“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

Mike Osborne – 24 June 2010

Page 2: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

You have no control over how users access your

website.

• Different browsers• Different technology

– PCs, Macs, Linux, mobile devices

– Different assistive technologies

• Screen sizes• Screen resolutions• Mouse/keyboard/voice• Colour depth

• Images on/off• Stylesheets on/off• User stylesheets• Javascript on/off• Flash - present or not• LCD or CRT

– Different monitors & settings• Ambient light & monitors• Bandwidth

The web is not print.

Page 3: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Why do we need accessible websites?

Of that 20% - 57% have more than one disability.

20% of the population has some disability.

Page 4: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

What is assistive technology?

•Screen Readers• and browser plug-ins

•Magnifiers

•Braille Output

•Speech to text• Voice commands

•Browser Tools & Capabilities

Page 5: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Impairments (who needs it?)

Page 6: Web Accessibility - plan,design, build, test an accessible website

©Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Why do they need it?

• Communicate

• Access Information

• Access Study

• Access Entertainment

• Access Work

The internet offers independence and freedom

Page 7: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Why do they need it?

“If anybody asks me what the Internet means to me, I will tell him without hesitation:To me ( a quadriplegic) the Internet occupies the most important part in my life. It is my feet that can take me to any part of the world;it is my hands which help me accomplish my work; it is my best friend – it gives my life meaning.”

- Dr. ZhangXu, practising orthopaedic surgeon (via the Internet), Anshan, China

Page 8: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Planning

Page 9: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Strategy planning – upfront

Integrated Comms and OperationsContingencyLevels, StandardsNon-tech alternativesDetermine site purpose and audiences

Page 10: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Design

Page 11: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Design Factors

• Customer-centric• Task focused• Clear page hierarchy• Intuitive navigation• Simple pages• Legible type• Adequate contrast

Page 12: Web Accessibility - plan,design, build, test an accessible website

©Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Provide a Rich Experience

Page 13: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Build

Page 14: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Document Publishing

• PDF’s are for print – inaccessible (not just for the blind)• e.g. low vision, low bandwidth

– magnification • horizontal scrolling

– now a lot easier to convert Word to HTML

• Multiple Fonts• Spreadsheets

Page 15: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Deliver clean HTML

• Ensure your Content Management System can deliver standards compliant code

• Select or build an accessible template– Ensure skip to content & navigation links built in

• Follow HTML syntax– Don’t use <TABLE> for layout, use CSS– Use <Hn> headings to convey page structure

Page 16: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Plain English• Use Subject-Verb-Object construction by default

e.g. “The cat sat on the mat.”, instead of “The mat was sat on by the cat.”

• Avoid vocabulary that a good portion of your audience will stumble over

• Use verbs instead of "nounisms”– Introduce rather than to make an introduction

• Use active voice instead of passive

• Avoid overly long sentences

Page 17: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Inverted Pyramid• Enables skim-reading• The most important information is first and

the least important is last– Applies to the page

and to each paragraph

Structure:• Key Message– Supporting Point– Supporting Point

Page 18: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Alternative Text – for images

• Provide meaningful information for people who can’t see the image.

• They need to present the same information that is conveyed by the image including complex images such as charts and graphs.

• Essential when text is delivered as an image.

• Purely decorative images need empty “” alts so screen readers will ignore them.

• Alts should close with a full-stop and a space.

•Where visible they can also be useful for sighted people if images are switched off

Page 19: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Test

Page 20: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Testing

•Usability•Technical•Observational•User Testing

Page 21: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Top Website Faults

• Text alternatives – absent or useless• Essential public accountability and other

important documents on the site in pdf only• Poor colour contrast• Poor enlargement• Complex pages and language• Small navigation points• Accessibility statements focused on compliance

rather than an understanding of an audience• Overly busy (home) pages

Page 22: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

In Conclusion - 1

Ten points to remember1. Everyone benefits2. Focus on the user3. Decide on the level of accessibility4. Get buy-in from decision-makers5. Link to business planning

Page 23: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

In Conclusion - 2

Ten points to remember6. Don’t leave it to the techies7. Learn about accessibility8. Plan for accessibility9. Insist on standards and best-

practice10. Test for usability & accessibility

Page 24: Web Accessibility - plan,design, build, test an accessible website

© Copyright AccEase Ltd. 2008 All Rights Reserved www.AccEase.com

Contact Mike

Mike OsborneAccEase LtdP. 04 934 2821M. 021 675 010

E. [email protected]. www.AccEase.com

B. www.LowVisionary.com