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) www.siliconhalton.com twitter.com/siliconhalton

1. www.siliconhalton.com
linkedin/siliconhalton
@siliconhalton
Meetup #57: Website accessibility

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. Show of
Hands
• 1,036 members
• 57 meetups
• 8 peer2peer groups
• Hundreds of LinkedIn discussions

4. Announcements

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. SoloPreneur Peer2Peer #37
• July 17, 8:30 – 10 am
• Sales Generation Series
• Hampton Restaurant at the
Quality Suites Hotel, Oakville
(QEW/Bronte Rd)

7. Next Meetup – August 12
We Selected the Topic
You Select the Topic!
http://bit.ly/shmeetup58

8. Women in Tech Halton P2P
• First meeting was Jun 25/14
• Next meetup Sept 2014
• Join / follow the conversation:
http://linkd.in/1qH5ddJ

9. Keynote

10. Andrea Dubravsky
Web Strategist and
President of ADWebcom
@ADWebcom_
Speaker

11. Website accessiblity

12. UNDERSTANDING WEB
ACCESSIBILITY

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. 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. 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. 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. 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. Who are the people with disabilities?
There are four main groups of
disabilities:
 visual
 audio
 motor
 cognitive

19. Blind, low vision, color-blind

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. Limited fine motor skills, slow
response time
Trackball mouse is used by
people with shaky hands or
arthritis.

22. Limited fine motor skills, slow
response time

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. Sip and puff device can interpret
users breath patterns to navigate
the web
Limited fine motor skills, slow
response time

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. 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. 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. 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. Perceivable
provide alt text for non-text elements
E.g. alt text for this image would
be:
“venus project by jacques
fresco”

30. When graphics contain useful information
have this info available in text form
E.g. Use longdesc=http://www.website.com/graph_explanation
or describe the graphic as part of the content

32. Do not rely on color to carry out meaning
Click green button to proceed, click red to cancel

33. Do not use color to emphasize required
fields in forms

34. 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

35. Inaccessible form

36. Accessible forms

37. Use proper color contrast
Contrast ratio for normal-size text should be at least 4.5:1

38. 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)

39. Avoid pop-up windows

40. 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

42. 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

43.  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

44. Notice the descriptive menu items, meaningful links and intro
paragraphs on this government website.

45. Links

46. 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

47. 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

48. Andrea Dubravsky
www.adwebcom.com
info@adwebcom.com
Phone: 289 428 1100

49. #G2KYM(Get to Know Your Member)

50. Kara Morgan

51. 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

52. Mark Your Calendars

53. Networking Un-Meetup
• August 12, 2014
• Silicon Halton Meetup #58
• Burlington Hive, Burlington

54. Open Floor