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.

How accessible is your website?


Published on

It's hard enough to craft a website or web application that looks great and works well, but what about catering for those of us with vision problems? Those with limited use of hands or limbs? What about for those who struggle to use technology like we do?

When it comes to digital, do we care enough about disabilities?

  • Be the first to comment

  • Be the first to like this

How accessible is your website?

  1. 1. How accessible is your website?
  2. 2. We’ve broken the internet! (You just can’t see the damage)
  3. 3. “Design” at what cost? Form vs. Function
  4. 4. Web page Cinema isn’t theatre! TV isn’t radio!
  5. 5. Pervasive developmental disorders Mental health & emotional Physical Sensory Intellectual Developmental disability Nonvisible disabilities
  6. 6. Pervasive developmental disorders Mental health & emotional Physical Sensory Intellectual Developmental disability Nonvisible disabilities
  7. 7. Disabilities 15% of the world’s population have some form of disability
  8. 8. Vision problems About 4% of the population have low vision 7-12% of men have some form of colour blindness Low-vision increases with age, half over-50s have some degree of low-vision condition
  9. 9. Changing population Worldwide, the fastest-growing population is 60 years of age and older
  10. 10. By 2050 the number of over-60s will double
  11. 11. Accommodate everyone
  12. 12. Why should you?
  13. 13. Accessible websites are 35% more usable by everyone
  14. 14. SEO-friendly
  15. 15. It’s the law! (Nearly)
  16. 16. EU Soon all public sector websites must be accessible UK law shortly after Then laws for the private sector
  17. 17. UK Equality Act 2010 Do not discriminate Right to take legal action
  18. 18. Maguire v SOCOG $20,000 The National Association of the Deaf v Netflix $795,000 The National Federation of the Blind and the American Council of the Blind v Arizona State University
  19. 19. 12 million disabled people 
 = £120 billion spending power *
  20. 20. How are we accessible?
  21. 21. Responsive Web Design
  22. 22. Non-responsive web design
  23. 23. Accessibility best practice Contrast
  24. 24. Accessibility best practice Contrast
  25. 25. Accessibility best practice Text size
  26. 26. Accessibility best practice Text size
  27. 27. Accessibility best practice Alt tags
  28. 28. <img alt=“palm trees on beach”>
  29. 29. Accessibility best practice Good quality code
  30. 30. Accessibility best practice Microformats
  31. 31. <header role=“banner”> <main role=“main”> <nav role=“navigation”> <aside role=“complementary”> <form role=“search”> <form role=“form”>
  32. 32. Accessibility compliance WCAG (Web Content Accessibility Guidelines)
  33. 33. Accessibility compliance “Perceivable” Can't be invisible to all of their senses
  34. 34. Accessibility compliance “Operable” The interface cannot require interaction that a user cannot perform
  35. 35. Accessibility compliance “Understandable” The content or operation cannot be beyond their understanding
  36. 36. Accessibility compliance “Robust” As devices evolve, the content should remain accessible
  37. 37. Accessibility compliance A
  38. 38. Accessibility compliance AA
  39. 39. Accessibility compliance AAA
  40. 40. 2018 US legislation will be based on WCAG Increased accessibility obligations only two years away
  41. 41. What next?
  42. 42. Where to start? Accessibility is not a buzzword Not a compromise Can be done gradually
  43. 43. Responsibility Our job to offer the service Your responsibility to budget and ask for accessibility
  44. 44. “Great web accessibility isn’t a thing you do; it’s a side effect of awesome thoughtful work.” Joe Watkins, UX Engineer
  45. 45. “Accessibility is about designing and developing for as many people as possible. It’s about doing the right thing … creating a more inclusive web with each screen or line of code.” Marcy Sutton, Accessibility Engineer - Adobe
  46. 46. Let’s fix the internet!