Your SlideShare is downloading. ×
0
www.siliconhalton.com
linkedin/siliconhalton
@siliconhalton
Meetup #57: Website accessibility
• 7:00 pm Welcome
• 7:05 pm Announcements
• 7:15 pm Website accessibility
• 8:15 pm G2KYM
• 8:30 pm Mark your calendar
• 8...
Show of
Hands
• 1,036 members
• 57 meetups
• 8 peer2peer groups
• Hundreds of LinkedIn discussions
Announcements
Silicon Halton Day @ Burlington HiVE
• Friday, August 29, Open 8:30 am – 5:30pm
(tentative)
• Free for Silicon Halton memb...
SoloPreneur Peer2Peer #37
• July 17, 8:30 – 10 am
• Sales Generation Series
• Hampton Restaurant at the
Quality Suites Hot...
Next Meetup – August 12
We Selected the Topic
You Select the Topic!
http://bit.ly/shmeetup58
Women in Tech Halton P2P
• First meeting was Jun 25/14
• Next meetup Sept 2014
• Join / follow the conversation:
http://li...
Keynote
Andrea Dubravsky
Web Strategist and
President of ADWebcom
@ADWebcom_
Speaker
Website accessiblity
UNDERSTANDING WEB
ACCESSIBILITY
Purpose and legislature
 The goal of web accessibility is
to provide a better access to
information for people with
disab...
Web Accessibility guidelines
 The actual guidelines are outlined in the
Web Content Accessibility Guidelines 2.0 (WCAG 2....
Government of Ontario and the Legislative Assembly
 January 1, 2012
New internet and intranet websites must conform with ...
Public sector organizations, businesses and non-profit
organizations (50+ staff)
 January 1, 2014
All new websites must c...
Benefits of an accessible website
 Bigger market share
- 3.8 million Canadians have disability (1.7 million Ontarians)
- ...
Who are the people with disabilities?
There are four main groups of
disabilities:
 visual
 audio
 motor
 cognitive
Blind, low vision, color-blind
Deaf or hard-of-hearing
Users can read text but require
captions and transcript to
interpret audio and video
content.
Tran...
Limited fine motor skills, slow
response time
Trackball mouse is used by
people with shaky hands or
arthritis.
Limited fine motor skills, slow
response time
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 softwar...
Sip and puff device can interpret
users breath patterns to navigate
the web
Limited fine motor skills, slow
response time
Eye tracking software follows the
movement of the eye and allows
the person to navigate websites.
Limited fine motor skill...
Learning disabilities, distractibility,
inability to remember or focus
 Problems using complex
websites
 Website must be...
The key web accessibility principles
Perceivable
 Content is readable for assistive technologies
 Graphics and images ha...
Understandable
 Structure is logical and follows linear order
 Does not contain extraneous text
Robust
 Website does no...
Perceivable
provide alt text for non-text elements
E.g. alt text for this image would
be:
“venus project by jacques
fresco”
When graphics contain useful information
have this info available in text form
E.g. Use longdesc=http://www.website.com/gr...
Do not rely on color to carry out meaning
Click green button to proceed, click red to cancel
Do not use color to emphasize required
fields in forms
Accessible forms
 Screen readers read forms in linear order
 Form must be keyboard accessible
 Keep labels close to the...
Inaccessible form
Accessible forms
Use proper color contrast
Contrast ratio for normal-size text should be at least 4.5:1
Operable
 Website is keyboard accessible
 Users can increase font size and adjust color contrast
 Avoid splash pages an...
Avoid pop-up windows
Understandable
 Website is logically organized
 Home page should confirm the company name and the purpose of
the website...
Website copy
 Main titles are in H1 heading, are
meaningful and contain keywords
 Subheadings are in H2 heading,
meaning...
 Avoid acronyms and abbreviations; or explain them
 Avoid slang, industry jargon or marketing fluff
 Use active voice, ...
Notice the descriptive menu items, meaningful links and intro
paragraphs on this government website.
Links
Benefits of an accessible website
 Expand potential market share. 20% of world population has some
kind of disability.
 ...
Penalties for non-compliance with AODA
Individuals or unincorporated organizations
Previous
contraventions:
Major (priorit...
Andrea Dubravsky
www.adwebcom.com
info@adwebcom.com
Phone: 289 428 1100
#G2KYM(Get to Know Your Member)
Kara Morgan
We provide customized business systems and
Project Management solutions for SME’s
• Designed to increase efficiency for DI...
Mark Your Calendars
Networking Un-Meetup
• August 12, 2014
• Silicon Halton Meetup #58
• Burlington Hive, Burlington
Open Floor
Silicon Halton  Meetup 57 - Website Accessibility
Silicon Halton  Meetup 57 - Website Accessibility
Upcoming SlideShare
Loading in...5
×

Silicon Halton Meetup 57 - Website Accessibility

355

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)

www.siliconhalton.com
twitter.com/siliconhalton

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

  • Be the first to like this

No Downloads
Views
Total Views
355
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

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

    1. 1. www.siliconhalton.com 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! http://bit.ly/shmeetup58
    8. 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. 9. Keynote
    10. 10. Andrea Dubravsky Web Strategist and President of ADWebcom @ADWebcom_ Speaker
    11. 11. Website accessiblity
    12. 12. UNDERSTANDING WEB ACCESSIBILITY
    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=http://www.website.com/graph_explanation 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 www.adwebcom.com info@adwebcom.com 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×