Digital accessibility 101 The Web Meetup, 9 May 2017 Allison Ravenhall @RavenAlly Digital Accessibility Sensei Intopia @Intopiadigital

Accessibility The qualities that make an experience open to all

Vision Hearing Mobility Cognition

Whose website must be accessible? Yours.

Disability Discrimination Act 1992

Web Content Accessibility Guidelines 2.0 (a.k.a. ISO/IEC 40500:2012)

2.1.1 Keyboard All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user’s movement and not just the endpoints. (Level A)

Perceivable I can consume the content Operable I can use the site Understandabl e I can understand the content Robust My assistive tech works

Be accessible - UX • Check colour contrast • Define visible focus states • Do any of your personas have different needs?

Be accessible - Build • Use native HTML • Manage focus • Check accessibility of framework code

Be accessible - Content • Define short, descriptive image phrases • Use plain language • Define unique link text

Be accessible – More ideas • Try out assistive technology • Test your code • Tenon.io • aXe Firefox/Chrome extension • IE Web Accessibility Toolbar • WAVE Firefox extension

Start the accessibility conversation at your workplace

YOU WANT MORE?

A11y Bytes An evening of lightning talks Thursday 18 May a11ybytes.org/melbourne/

A11y Camp Workshop – 12 Sept Conference – 13 Sept a11ybytes.org/a11y-camp-sydney/

And I’m done. @RavenAlly @Intopiadigital