Web Accessibility                                        Alex Bilbie                             Developer, Online Service...
What?Sunday, 26 February 12
"Web accessibility means that people with disabilities can            use the Web. More specifically, Web accessibility mea...
"Web accessibility refers to the inclusive practice of making            websites usable by people of all abilities and di...
"Web accessibility refers to the inclusive practice of making           websites usable by people of all abilities and dis...
Why?Sunday, 26 February 12
It’s illegal to                              discriminate                         Equality Act 2010 - http://lncn.eu/swxSu...
A disabled person is someone who has             a physical or mental impairment that                has a substantial and...
17% born with impairment;                     87% acquire one in later life                          http://lncn.eu/ekuSun...
2 million affected by sight loss                         in the UK                         http://lncn.eu/nsvwSunday, 26 F...
10 million (1 in 7) living with                               arthritis                         http://lncn.eu/emuySunday,...
2.9 million living with diabetes                         http://lncn.eu/dpxSunday, 26 February 12
2.5% of people in UK have                            learning difficulties                            http://lncn.eu/kx24Su...
Retinitis Pigmentosa or GlaucomaSunday, 26 February 12
Macular DegenerationSunday, 26 February 12
Diabetic RetinopathySunday, 26 February 12
CataractsSunday, 26 February 12
Sunday, 26 February 12
Users are your                          customersSunday, 26 February 12
Guidelines              • WCAG 1 and 2 - http://lncn.eu/dj36              • ARIA - http://lncn.eu/cj7              • 10 pr...
Things to consider                         when designing your                               websiteSunday, 26 February 12
Correctly markup                             contentSunday, 26 February 12
Sunday, 26 February 12
Sunday, 26 February 12
Sunday, 26 February 12
Sunday, 26 February 12
Sunday, 26 February 12
An innocent looking                                form?Sunday, 26 February 12
Sunday, 26 February 12
But to someone who relies on screen                         reading software...                         http://www.youtube...
Sunday, 26 February 12
Sunday, 26 February 12
Correctly marked up content is more               accessible to humans and machines                         http://www.you...
Use sensible navigationSunday, 26 February 12
Sunday, 26 February 12
Make links look like                                linksSunday, 26 February 12
Sunday, 26 February 12
Sunday, 26 February 12
Whitespace is your                               friendSunday, 26 February 12
Sunday, 26 February 12
Sunday, 26 February 12
Avoid Adobe FlashSunday, 26 February 12
People do stupid things with Flash                         http://www.griplimited.com/                           http://ww...
Don’t design with                     JavaScript, enhance                            with itSunday, 26 February 12
Don’t disable or limit                             RSS feedsSunday, 26 February 12
What annoys you?Sunday, 26 February 12
Checklist              •      Magnified the content (using Ctrl/Cmd +, Ctrl/Cmd –)              •      Accessed without a m...
When you get it right                         "There is nothing on the iPhone on the iPad that you                        ...
Upcoming SlideShare
Loading in...5
×

Web accessibility

1,335

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,335
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Web accessibility"

  1. 1. Web Accessibility Alex Bilbie Developer, Online Services Team abilbie@lincoln.ac.ukSunday, 26 February 12
  2. 2. What?Sunday, 26 February 12
  3. 3. "Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web. Web accessibility also benefits others, including older people with changing abilities due to ageing." W3C Web Accessibility Initiative (WAI) - http://lncn.eu/dr5Sunday, 26 February 12
  4. 4. "Web accessibility refers to the inclusive practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users can have equal access to information and functionality." Wikipedia article on Web Accessibility - http://lncn.eu/ekn8Sunday, 26 February 12
  5. 5. "Web accessibility refers to the inclusive practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users can have equal access to information and functionality." Wikipedia article on Web Accessibility - http://lncn.eu/ekn8Sunday, 26 February 12
  6. 6. Why?Sunday, 26 February 12
  7. 7. It’s illegal to discriminate Equality Act 2010 - http://lncn.eu/swxSunday, 26 February 12
  8. 8. A disabled person is someone who has a physical or mental impairment that has a substantial and long-term adverse effect on their ability to carry out normal day-to-day activitiesSunday, 26 February 12
  9. 9. 17% born with impairment; 87% acquire one in later life http://lncn.eu/ekuSunday, 26 February 12
  10. 10. 2 million affected by sight loss in the UK http://lncn.eu/nsvwSunday, 26 February 12
  11. 11. 10 million (1 in 7) living with arthritis http://lncn.eu/emuySunday, 26 February 12
  12. 12. 2.9 million living with diabetes http://lncn.eu/dpxSunday, 26 February 12
  13. 13. 2.5% of people in UK have learning difficulties http://lncn.eu/kx24Sunday, 26 February 12
  14. 14. Retinitis Pigmentosa or GlaucomaSunday, 26 February 12
  15. 15. Macular DegenerationSunday, 26 February 12
  16. 16. Diabetic RetinopathySunday, 26 February 12
  17. 17. CataractsSunday, 26 February 12
  18. 18. Sunday, 26 February 12
  19. 19. Users are your customersSunday, 26 February 12
  20. 20. Guidelines • WCAG 1 and 2 - http://lncn.eu/dj36 • ARIA - http://lncn.eu/cj7 • 10 principles of inclusive web design - http:// lncn.eu/ekszSunday, 26 February 12
  21. 21. Things to consider when designing your websiteSunday, 26 February 12
  22. 22. Correctly markup contentSunday, 26 February 12
  23. 23. Sunday, 26 February 12
  24. 24. Sunday, 26 February 12
  25. 25. Sunday, 26 February 12
  26. 26. Sunday, 26 February 12
  27. 27. Sunday, 26 February 12
  28. 28. An innocent looking form?Sunday, 26 February 12
  29. 29. Sunday, 26 February 12
  30. 30. But to someone who relies on screen reading software... http://www.youtube.com/watch? v=d2MAVb4K_OcSunday, 26 February 12
  31. 31. Sunday, 26 February 12
  32. 32. Sunday, 26 February 12
  33. 33. Correctly marked up content is more accessible to humans and machines http://www.youtube.com/watch? v=C13z5iVdFRASunday, 26 February 12
  34. 34. Use sensible navigationSunday, 26 February 12
  35. 35. Sunday, 26 February 12
  36. 36. Make links look like linksSunday, 26 February 12
  37. 37. Sunday, 26 February 12
  38. 38. Sunday, 26 February 12
  39. 39. Whitespace is your friendSunday, 26 February 12
  40. 40. Sunday, 26 February 12
  41. 41. Sunday, 26 February 12
  42. 42. Avoid Adobe FlashSunday, 26 February 12
  43. 43. People do stupid things with Flash http://www.griplimited.com/ http://www.designsul.pt/Sunday, 26 February 12
  44. 44. Don’t design with JavaScript, enhance with itSunday, 26 February 12
  45. 45. Don’t disable or limit RSS feedsSunday, 26 February 12
  46. 46. What annoys you?Sunday, 26 February 12
  47. 47. Checklist • Magnified the content (using Ctrl/Cmd +, Ctrl/Cmd –) • Accessed without a mouse (using tab) • Lowered the resolution • Viewed on a small screen • Selected a default font • Tried different browsers • Turned off browser graphics display • Used meaningful alt attributes and title attributes • Offered audio and video alternativesSunday, 26 February 12
  48. 48. When you get it right "There is nothing on the iPhone on the iPad that you can do that I cant" - Stevie Wonder http://youtu.be/O2Tkj8SIHMU?t=4m35sSunday, 26 February 12

×