Silicon Halton Meetup 57 - Website Accessibility


Published on

Meetup 57 on July 8, 2014 at The Marquee at Sheridan College, Oakville, Ontario, Canada. Presented on The Accessibility for Ontarians With Disabilities Act (AODA).

The Benefits Of Website Accessibility
1. Increased market share
2. Findability and SEO
3. Better public image

Some of the content includes:
- who is accessibility for (not just the physically handicapped)
- Web accessibility requirements and penalties
- business case for Web accessibility
- intuitive and accessible structure
- writing for accessibility
- how accessibility, good usability and SEO tie in
- design elements to be aware of (font sizes, colours, links)

Published in: Marketing, Design, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • The “Get to know your members” segment. ~3min introductions by local tech companies.
  • Silicon Halton Meetup 57 - Website Accessibility

    1. 1. linkedin/siliconhalton @siliconhalton Meetup #57: Website accessibility
    2. 2. • 7:00 pm Welcome • 7:05 pm Announcements • 7:15 pm Website accessibility • 8:15 pm G2KYM • 8:30 pm Mark your calendar • 8:45 pm Networking Agenda
    3. 3. Show of Hands • 1,036 members • 57 meetups • 8 peer2peer groups • Hundreds of LinkedIn discussions
    4. 4. Announcements
    5. 5. Silicon Halton Day @ Burlington HiVE • Friday, August 29, Open 8:30 am – 5:30pm (tentative) • Free for Silicon Halton members • Lunch & Learn? • Not an 8-hr business social event • Do your work • Collide, in a good way
    6. 6. SoloPreneur Peer2Peer #37 • July 17, 8:30 – 10 am • Sales Generation Series • Hampton Restaurant at the Quality Suites Hotel, Oakville (QEW/Bronte Rd)
    7. 7. Next Meetup – August 12 We Selected the Topic You Select the Topic!
    8. 8. Women in Tech Halton P2P • First meeting was Jun 25/14 • Next meetup Sept 2014 • Join / follow the conversation:
    9. 9. Keynote
    10. 10. Andrea Dubravsky Web Strategist and President of ADWebcom @ADWebcom_ Speaker
    11. 11. Website accessiblity
    13. 13. Purpose and legislature  The goal of web accessibility is to provide a better access to information for people with disabilities.  The government of Ontario has embarked on the road to make Ontario a fully accessible province. The new regulations are outlined in the Accessibility for Ontarians With Disabilities Act (AODA)
    14. 14. Web Accessibility guidelines  The actual guidelines are outlined in the Web Content Accessibility Guidelines 2.0 (WCAG 2.0)  These are established by the Accessibility Initiative of the World Wide Web Consortium (W3C)  There are three levels of accessibility Level A, Level AA Level AAA
    15. 15. Government of Ontario and the Legislative Assembly  January 1, 2012 New internet and intranet websites must conform with WCAG 2.0 Level AA other than Captions (Live), and Audio Descriptions (Pre- recorded)  January 1, 2016 All internet websites and web content must conform with WCAG 2.0 Level AA, other than Captions (Live), and Audio Descriptions (Pre- recorded).  January 1, 2020 All internet and intranet websites and web content must conform with WCAG 2.0 Level AA AODA - timelines to meet the requirements
    16. 16. Public sector organizations, businesses and non-profit organizations (50+ staff)  January 1, 2014 All new websites must conform with Web Content Accessibility Guidelines, Level A  January 1, 2021 All websites must conform with Web Content Accessibility Guidelines, Level A A other than Captions (Live) and Audio Descriptions (Pre-recorded) AODA - timelines to meet the requirements
    17. 17. Benefits of an accessible website  Bigger market share - 3.8 million Canadians have disability (1.7 million Ontarians) - 5 million seniors - 250,000 newcomers to Canada each year  Better on-site SEO (Search Engine Optimization)  Improved website usability  Positive company image  Eliminates potentially high legal expenses
    18. 18. Who are the people with disabilities? There are four main groups of disabilities:  visual  audio  motor  cognitive
    19. 19. Blind, low vision, color-blind
    20. 20. Deaf or hard-of-hearing Users can read text but require captions and transcript to interpret audio and video content. Transcriptions add keyword-rich content to your site which improves your SEO.
    21. 21. Limited fine motor skills, slow response time Trackball mouse is used by people with shaky hands or arthritis.
    22. 22. Limited fine motor skills, slow response time
    23. 23. If a person can move only the head he can tap on a switch placed to the side of the head. The switch connects to a software that navigates the site. Limited fine motor skills, slow response time
    24. 24. Sip and puff device can interpret users breath patterns to navigate the web Limited fine motor skills, slow response time
    25. 25. Eye tracking software follows the movement of the eye and allows the person to navigate websites. Limited fine motor skills, slow response time
    26. 26. Learning disabilities, distractibility, inability to remember or focus  Problems using complex websites  Website must be logically organized, easy to navigate, written in simple language  Good usability is paramount for web accessibility
    27. 27. The key web accessibility principles Perceivable  Content is readable for assistive technologies  Graphics and images have alt text  Audio and video content is accompanied by transcript or captions Operable  Website is keyboard accessible  It is easy to navigate  Users have enough time to read and use content  Does not cause seizures
    28. 28. Understandable  Structure is logical and follows linear order  Does not contain extraneous text Robust  Website does not require specific technology and can be used by assistive technologies The key web accessibility principles
    29. 29. Perceivable provide alt text for non-text elements E.g. alt text for this image would be: “venus project by jacques fresco”
    30. 30. When graphics contain useful information have this info available in text form E.g. Use longdesc= or describe the graphic as part of the content
    31. 31. Do not rely on color to carry out meaning Click green button to proceed, click red to cancel
    32. 32. Do not use color to emphasize required fields in forms
    33. 33. Accessible forms  Screen readers read forms in linear order  Form must be keyboard accessible  Keep labels close to the fields  Ask for minimum info  Help correct errors  When offering options (radio buttons, checkboxes) keep them close together
    34. 34. Inaccessible form
    35. 35. Accessible forms
    36. 36. Use proper color contrast Contrast ratio for normal-size text should be at least 4.5:1
    37. 37. Operable  Website is keyboard accessible  Users can increase font size and adjust color contrast  Avoid splash pages and intro music (interfere with screen readers)  Content does not open in new window (users can’t find way back)  Content does not change without direct input (avoid pop-up windows)
    38. 38. Avoid pop-up windows
    39. 39. Understandable  Website is logically organized  Home page should confirm the company name and the purpose of the website  Website with extensive navigation allows for “skip to content”  Menus have descriptive titles  Internal pages have consistent layout
    40. 40. Website copy  Main titles are in H1 heading, are meaningful and contain keywords  Subheadings are in H2 heading, meaningful and contain keywords  Content is further divided into blocks or paragraphs constructed around a single major idea  Aim for 9th grade reading skills  Write clearly using short sentences
    41. 41.  Avoid acronyms and abbreviations; or explain them  Avoid slang, industry jargon or marketing fluff  Use active voice, use positive terms  Ensure that every word and paragraph is necessary  Give direct instructions Website copy
    42. 42. Notice the descriptive menu items, meaningful links and intro paragraphs on this government website.
    43. 43. Links
    44. 44. Benefits of an accessible website  Expand potential market share. 20% of world population has some kind of disability.  Improve your positions in search results (SEO)  Better website usability  Positive company image  Eliminate potentially high legal expenses  And most importantly – it’s the right thing to do
    45. 45. Penalties for non-compliance with AODA Individuals or unincorporated organizations Previous contraventions: Major (priority requirement) Moderate (organizational preparedness) Minor (administrative/ operational) 6 $2,000 $1,000 $500 2-5 $1,000 $500 $250 1st $500 $250 $200 Corporations Previous contraventions: Major Moderate Minor 6 $15,000 $10,000 $5,000 2-5 $10,000 $5,000 $2,500 1st $2,000 $1,000 $500
    46. 46. Andrea Dubravsky Phone: 289 428 1100
    47. 47. #G2KYM(Get to Know Your Member)
    48. 48. Kara Morgan
    49. 49. We provide customized business systems and Project Management solutions for SME’s • Designed to increase efficiency for DIYers, • Eliminate the need for part-time staff • Make the best use of your time, team and money Running a business on your own can be overwhelming • Wasted time leads to increased fees & erode your bottom line • We can show you how to turn hours of wasted time into minutes of productive time, creating ops for profitable work Contact us today and reclaim your time @PlanitOutsrcing •1:1 and small group in-house personalized training • Set up & Optimization of your day to day ops & projects
    50. 50. Mark Your Calendars
    51. 51. Networking Un-Meetup • August 12, 2014 • Silicon Halton Meetup #58 • Burlington Hive, Burlington
    52. 52. Open Floor