Into Accessible Web

An overview of tools & practices for web creators

emarchak.com/a11y-humber14

@myplanetHQ

@emarchak

Accessible Web Design & Development

1.

What accessibility means

The power of the Web is in its universality.

Tim Berners-Lee

Types of barriers

• Physical, motor or mobile
• Visual
• Auditory
• Learning
• Speech or language
• Mental, intellectual or developmental

Types of solutions

• Keyboard-, mouse- & touch-only navigation
• Screen readers & descriptive video
• Captioning
• Legible design & information architecture
• Translatable content
• Trigger warnings for content

2.

When you need tobe accessible

The W3C Web Content Accessibility 2.0 Guidelines (WCAG 2.0)

WCAG 2.0 Levels

• Level A - Essential
• Level AA - Preferred
• Level AAA - Optional

Accessibility for Ontarians with Disabilities Act (AODA)

For large organizations (>50), new web content needs to be Level A compliant by January 1, 2014.

For large organizations (>50), all web content needs to be Level AA compliant by January 1, 2021.

3.

How to test for accessibility

WCAG 2.0 Principles

Documentation

The W3C Web Content Accessibility Guidelines (WCAG)

WebAIM's WCAG 2.0 Checklist

Automation

WebAIM Web Accessibility Evaluation Tool

WebAIM Colour Contrast Checker

D.I.Y.

4.

Where you can learn more

Opportunities to Learn More

• W3C Accessible Rich Internet Guidelines (ARIA)
  • A working example of ARIA interactivity from webkit.org
• W3C Web Content Accessibility 2.0 Guidelines
• W3C Web Accessibility Initiative
• Simply Accessible Blog

Opportunities in TO

• A11Y Camp TO
• OCADU Inclusive Design Institute
• TO A11Y & Inclusive Design Meetup Group
• Guelph A11Y Conference

Quiz Time!

• A11Y
  • Accessibility
• W3C
  • World Wide Web Consortium
• WAI
  • Web Accessibility Initiative
• WCAG
  • Web Content Accessibility Guidelines
• ARIA
  • Accessible Rich Internet Applications
• AODA
  • Accessibility for Ontarians with Disabilities Act

Be an a11y.

@emarchak / @myplanetHQ

emarchak.com/a11y-humber14