Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web accessibility: An overview


Published on

Trenton's presentation at Browsealoud's accessibility event on 13 May 2010.

Published in: Technology
  • Writing a good research paper isn't easy and it's the fruit of hard work. For help you can check writing expert. Check out, please ⇒ ⇐ I think they are the best
    Are you sure you want to  Yes  No
    Your message goes here
  • It's so easy that you can find it with your eyes shut. For example, as for me the best and the most responsibly working service is this one - ⇒ ⇐ - you'll find there everything you need. And the prices are reasonable.
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Web accessibility: An overview

  1. 1. Web accessibility: An overview 13 May 2010 | Trenton Moss
  2. 2. About Webcredible User experience consultancy <ul><li>Usability & accessibility testing </li></ul><ul><li>User research & requirements gathering </li></ul><ul><li>Information architecture </li></ul><ul><li>User-centered design </li></ul><ul><li>Usability & accessibility training </li></ul>
  3. 3. Agenda <ul><li>True or false? </li></ul><ul><li>Accessibility requirements: </li></ul><ul><ul><li>Blind </li></ul></ul><ul><ul><li>Partially sighted </li></ul></ul><ul><ul><li>Motor impaired </li></ul></ul><ul><ul><li>Cognitive impaired </li></ul></ul><ul><li>Benefits of accessibility </li></ul><ul><li>Embedding accessibility internally </li></ul>
  4. 4. True or false? True or false?
  5. 5. <ul><li>Websites should provide audio versions of pages for blind users </li></ul><ul><li>Sites should use a large font size </li></ul><ul><li>You can use as many images as you like on web pages </li></ul><ul><li>Separate text-only versions are beneficial </li></ul><ul><li>Making websites accessible is a UK legal requirement </li></ul><ul><li>Accessibility is all about how the site is coded </li></ul><ul><li>Accessibility can improve usability for everyone </li></ul>True or false? True False √ √ √ √ √ √ √
  6. 6. Accessibility requirements Accessibility requirements
  7. 7. Accessibility requirements <ul><li>Descriptive page title </li></ul><ul><li>Skip link(s) </li></ul><ul><li>Avoid accesskeys </li></ul><ul><li>Lists </li></ul><ul><li>Minimise noise </li></ul><ul><li>ALT text: </li></ul><ul><ul><li>Descriptive ALT text for informative images </li></ul></ul><ul><ul><li>Null ALT text for decorative images </li></ul></ul><ul><li>Headings (inc. invisible headings) </li></ul><ul><li>Descriptive links (front-loaded) </li></ul>Blind users
  8. 8. Accessibility requirements <ul><li>Resizable text </li></ul><ul><li>Visible font resizer </li></ul><ul><li>Text not embedded in images </li></ul><ul><li>Large headings </li></ul><ul><li>High contrast links </li></ul><ul><li>Different background colours used </li></ul><ul><li>Sufficient colour contrast </li></ul>Partially sighted users
  9. 9. Accessibility requirements <ul><li>Large link target </li></ul><ul><li>Focus state for links </li></ul><ul><li>Visible skip link </li></ul>Motor impaired users
  10. 10. Accessibility requirements Cognitive impaired users <ul><li>What’s the best tool? </li></ul><ul><li>Why is Google’s tool good? </li></ul><ul><li>How many tools does the article mention? </li></ul>
  11. 11. Accessibility requirements <ul><li>Descriptive headings </li></ul><ul><li>Front-load page content </li></ul><ul><li>1 idea per paragraph & front-loaded </li></ul><ul><li>Lists used </li></ul><ul><li>Emboldened text </li></ul><ul><li>Descriptive link text </li></ul><ul><li>Left-aligned text </li></ul><ul><li>Clear & simple language </li></ul>Cognitive impaired users
  12. 12. Benefits of accessibility Benefits of accessibility
  13. 13. Benefits <ul><li>Increase in reach to: </li></ul><ul><ul><li>8.6m registered disabled people (14%; source: DRC) </li></ul></ul><ul><ul><li>2m people with a sight problem (4%; source: RNIB) </li></ul></ul><ul><ul><li>1 in 12 men and 1 in 200 women with colour blindness (9%; source: IEE) </li></ul></ul><ul><ul><li>12m people aged 60+ (21%; source: National Statistics) </li></ul></ul><ul><li>Better SEO & usability </li></ul><ul><li>It’s the done thing </li></ul><ul><li>It’s the law! </li></ul>Why you should care...
  14. 14. Benefits <ul><li>UK (DDA) </li></ul><ul><li>Australia (DDA) </li></ul><ul><li>USA (ADA) </li></ul><ul><li>EU legislature </li></ul>The law
  15. 15. Testing for accessibility Embedding accessibility internally
  16. 16. Embedding accessibility <ul><li>Find your knight in shining armour </li></ul><ul><li>Raise awareness & knowledge: </li></ul><ul><ul><li>Awareness seminars </li></ul></ul><ul><ul><li>Training </li></ul></ul><ul><ul><li>Accessibility guidelines </li></ul></ul><ul><li>Ongoing testing: </li></ul><ul><ul><li>Expert review (Web Accessibility Toolbar) </li></ul></ul><ul><ul><li>Automated testing </li></ul></ul><ul><ul><li>Disabled user testing </li></ul></ul>Range of activities
  17. 17. Trenton Moss Director 020 7423 6324 | |