22
Achieving Web Content Accessibility Compliance Accessibility compliance can help you better serve your customers with a disability and reflects positively on your business

Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

  • Upload
    others

  • View
    7

  • Download
    2

Embed Size (px)

Citation preview

Page 1: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Achieving Web Content Accessibility Compliance

Accessibility compliance can help you better serve your customers with a disability and reflects positively on your

business

Page 2: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Point Alliance is an award-winning Microsoft Gold Certified partner with 8 Microsoft competencies.

Our consulting practice is a recognized leader in delivering proven business solutions to Global 300 companies across many industries. Backed by over 17 years of proven results from over 300 organizations.

About Us

Page 3: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• The inclusive practice of making websites usable to everyone regardless of ability or disability

What is Web Accessibility?

Page 4: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

1 in 5

Page 5: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Vision impairment– Blind, low vision, color blind

• Hearing impairment – Deaf, hard of hearing

• Physical or motor impairment – No mouse

• Cognitive or Neurological – Learning impairment, distracted and decision making

Web accessibility encompasses all disabilities that affect access to the Web

Page 6: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Example of cognitive or neurological

Page 7: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Good for everyone

Page 8: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Stands for Web Content Accessibility Guidelines• 3 Levels Level A Level AA Level AAA

• 4 Principles• 12 Guidelines• 61 Success Criteria• Lots of techniques

WCAG Accessibility Guidelines and Standards

Page 9: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• 4 PrinciplesP – PerceivableO – OperableU – UnderstandableR – Robust

WCAG Accessibility Guidelines and Standards

Page 10: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

AODA Mandated by Law

Page 11: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

By law, you must make new and significantly refreshed public websites accessible if you are:

• a private or non-profit organization with 50+ employees; or• a public sector organization

The organization that controls the website must meet the accessibility requirements.

Who must comply?

Page 12: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Beginning January 1, 2021: all public websites and web content posted after January 1, 2012 must meet WCAG 2.0 level AA

Compliance Deadline

Page 13: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Readability - all web content should aim for the reading level of a 12-year-old

• Headings - heading tags are critical for use with assistive technologies

• Images - all images must contain alt text

• Links - use phrases for links rather than hyperlinked text

• Audio & Video - captions are a must

• Colour - foreground and background colours must have a 4.5:1 contrast ratio

Tips for meeting WCAG 2.0 Level AA

Page 14: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Failure to comply with the AODA web accessibility rules can result in fines of $50,000 - $100,000 per day

Penalties for not meeting accessibility Guidelines

Page 15: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Automatic assessment and assistive technology

• Manual Testing

• User Testing

Tips for testing websites for accessibility

Page 16: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Incomplete Coverage

• Alternate Text

• Forms

• Color

Automated Testing

Page 17: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Human judgement

• Slower

• Depends on tester’s experience

Manual Testing

Page 18: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Real users

• Discovering things testers can miss

User Testing

Page 19: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• Automated Testing Tools – Lighthouse – chrome extension Wave evaluation tool – chrome extension Axe accessibility tool

• Manual Testing Tools Screen reader (ChromeVox classic extension, NVDA, VoiceOver for

Mac) Keyboard Color contrast Analyzer(WebAim)

Testing methods overview

Page 20: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Responsive design is a must

Choose colors carefully

Handle Typography with care

Forms should be clear, organized and easy

Touch targets should be easy to touch

Keep it simple when using motion

Designing for Accessibility

Page 21: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

• https://webaim.org/

• https://www.w3.org/WAI/

Example websites

Page 22: Achieving Web Content Accessibility Compliance · Achieving Web Content Accessibility Compliance Accessibility ... Standards •4 Principles P – Perceivable O – Operable U –

Thank you

• Need a more information on today’s webinar? Contact us at pointalliance.com/contact-us

• Check out our upcoming webinars at pointalliance.com/events

• Follow our social media channels and stay up to date on the latest technology news and issues that affect your business.

• Stay Safe!