Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Web accessibility: An overview

1 205 vues

Publié le

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

Publié dans : Technologie
  • Did u try to use external powers for studying? Like ⇒ www.HelpWriting.net ⇐ ? They helped me a lot once.
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • 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 ⇒ www.WritePaper.info ⇐ I think they are the best
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • 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 - ⇒ www.HelpWriting.net ⇐ - you'll find there everything you need. And the prices are reasonable.
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Soyez le premier à aimer ceci

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 trenton@webcredible.co.uk 020 7423 6324 www.webcredible.co.uk/blog | www.webcredible.co.uk/articles | www.twitter.com/webcredible