Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Web accessibility: An overview

1.208 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • I have done a couple of papers through ⇒⇒⇒WRITE-MY-PAPER.net ⇐⇐⇐ they have always been great! They are always in touch with you to let you know the status of paper and always meet the deadline!
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Did u try to use external powers for studying? Like ⇒ www.HelpWriting.net ⇐ ? They helped me a lot once.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • 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
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • 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.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Sé el primero en recomendar esto

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

×