Into Accessible Web

An overview of tools & practices for web creators

emarchak.com/a11y-humber14

Myplanet

@myplanetHQ

Erin Marchak

@emarchak

Accessible Web Design
& Development

  1. What accessibility means
  2. When you need to be accessible
  3. How to test for accessibility
  4. Where you can learn more

accessibility = a11y

accessibility = a11y

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
overcoming bad design

2.

When you need to
be accessible

W3C

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

  1. Perceivable
  2. Operable
  3. Understandable
  4. Robust

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

Opportunities in TO

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