Website Accessibility

616 views

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
616
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Website Accessibility

  1. 1. Accessibility Tõnis Hinnosaar altex marketing, partner Innovative Internet Marketing TM Internet Marketing
  2. 2. What are we talking about? Innovative Internet Marketing TM Internet Marketing
  3. 3. What is accessibility? Innovative Internet Marketing TM Internet Marketing
  4. 4. <ul><li>The primary goal of these guidelines is to promote accessibility. However, following them will also make Web content more available to all users, whatever user agent they are using (e.g., desktop browser, voice browser, mobile phone, automobile-based personal computer, etc.) or constraints they may be operating under (e.g., noisy surroundings, under- or over-illuminated rooms, in a hands-free environment, etc.). </li></ul>W3C tells us Innovative Internet Marketing TM Internet Marketing
  5. 5. <ul><li>Text based browsers – Only textual information, no pictures nor tables, CSS, JS, Flash, sound or pictures. </li></ul><ul><li>WebTV – 560px screen with no horizontal scroll. </li></ul><ul><li>Screen readers – reads web page content from HTML document. </li></ul><ul><li>Mobile devices – PDA’s, mobiles. Small screens and limited JS support. </li></ul><ul><li>Slow internet connection – Modem users </li></ul><ul><li>Wide screens – 1600px wide or wider </li></ul>About whom are we talking about (user agents)? Innovative Internet Marketing TM Internet Marketing
  6. 6. <ul><li>Can’t read </li></ul><ul><li>Can’t hear </li></ul><ul><li>Physically handicapped </li></ul><ul><li>NB! Cultural accessibility! </li></ul>Who else (physical conditions)? Innovative Internet Marketing TM Internet Marketing
  7. 7. Are usability & accessibility any different? Users Design goals Usability Different Improve user experience, user friendliness and ease of use. Accessibility Same Remove accessibility barriers, restrictons by devices.
  8. 8. Does accessibility improve usability and vice versa? Innovative Internet Marketing TM Internet Marketing
  9. 9. <ul><li>Sitemaps, marking links that are clicked in different way – accessibility topics improve usability </li></ul><ul><li>Consistent text, easy & clear navigation – usability topics improve accessibility </li></ul><ul><li>There are several connections, including with SEO. </li></ul>Often yes Innovative Internet Marketing TM Internet Marketing
  10. 10. Accessibility Innovative Internet Marketing TM Internet Marketing
  11. 11. Innovative Internet Marketing TM Internet Marketing
  12. 12. <ul><li>http://www.w3.org/TR/WCAG20/ </li></ul>W3C standards available Innovative Internet Marketing TM Internet Marketing
  13. 13. But we are not going into this! Innovative Internet Marketing TM Internet Marketing
  14. 14. <ul><li>HTML http://validator.w3.org/ </li></ul><ul><li>Code http://wave.webaim.org/ </li></ul><ul><li>Lynx view http://www.delorie.com/web/lynxview.html </li></ul><ul><li>Background/text http://tlt.its.psu.edu/suggestions/accessibility/color.html </li></ul><ul><li>Pictures http://tools.webaccessibile.org/test/check.aspx </li></ul><ul><li>404 page, sitemaps </li></ul>Real tests 1 Innovative Internet Marketing TM Internet Marketing
  15. 15. <ul><li>Cynthia Says http://www.contentquality.com/Default.asp </li></ul><ul><li>Browsers: http://browsershots.org/ http://www.browsercam.com/Default2.aspx http://www.mydebugbar.com/wiki/IETester/HomePage </li></ul><ul><li>Colour blindness: http://www.vischeck.com/ </li></ul><ul><li>Mark Up http://valet.webthing.com/access/url.html </li></ul>Real tests 2 Innovative Internet Marketing TM Internet Marketing
  16. 16. <ul><li>Flicker rate http://tools.webaccessibile.org/test/check.aspx </li></ul><ul><li>Mobile http://ready.mobi/ </li></ul>Few more tests Innovative Internet Marketing TM Internet Marketing
  17. 17. <ul><li>Image content, banners </li></ul><ul><li>New content sections </li></ul><ul><li>Info for webmaster… </li></ul>How can you make use of it? Innovative Internet Marketing TM Internet Marketing
  18. 18. <ul><li>[email_address] </li></ul><ul><li>skype: tonish50 </li></ul><ul><li>www.altex.ee </li></ul>Thank you! Innovative Internet Marketing TM Internet Marketing

×