Digital accessibility 101

Digital accessibility 101The Web Meetup, 9 May 2017

Allison Ravenhall@RavenAlly

Digital Accessibility Sensei

Intopia@Intopiadigital

Accessibility

The qualities thatmake an experience

open to all

Vision Hearing

CognitionMobility

Whose websitemust 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

Operable

Understandable

Robust

I can consume the content

I can use the site

I can understand the content

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?

An evening of lightning talks

Thursday 18 May

a11ybytes.org/melbourne/

Workshop – 12 Sept

Conference – 13 Sept

a11ybytes.org/a11y-camp-sydney/

And I’m done.

@RavenAlly @Intopiadigital