A Study in Accessibility

Sherlock Holmes and Watson come across the dead corpse of web accessibility
illustrated avatar of Sarah with cat

Who is this Sarah person?

  • works at Microsoft
  • web accessibility
  • herds cats

OK but... why do I care?

Crowd of disability rights activists under the sign 'Injustice anywhere is a threat to justice everywhere'
The Rolling Quads. Source: 99 Percent Invisible

Accessibility is:

  • Freedom
  • Privacy
  • Participation
  • Power

The Curb Cut effect

a wheelchair stopped next two a four inch curb
Necessary
(source: the Smithsonian)
woman pushing stroller up curb cut
Beneficial
(source)
  • Curb cuts
  • Audio captions and transcripts
  • High contrast mode or night mode
  • Distraction-free features
  • An accessible, semantic web?

Accessibility is Easy


	<div role="button" onclick="submit()">
		Submit
	</div>
							
The magic wand of accessibility comes to the rescue.

	<button type="submit" onclick="submit()">
		Submit
	</button>
								

But...

do you like overly complex flowcharts? XKCD will force you to like overly complex flowcharts using this overly complex flowchart.
image source: XKCD
You try the magic wand of accessibility again. The confused party parrot has been summoned. It is confused. There is no accessibility in sight.

Accessibility is Easy

Easy Accessibility is Easy

A Study in Accessibility:

Who killed the grid?

A regular happy data grid goes out for a stroll The happy data grid is now a dead data grid

Part 1: Four A11y Tools

Sign language diagram from numbers 1-4. A sign of four. ...Get it?

HTML

HTML logo

Keyboard Interaction

cats might eat mice, but they can't use them

ARIA

duct tape

Testing

Accessibility Insights, the cute cat logo

A Case of Identity

This is not a pipe, but in French. Also, it is a pipe.

The Speckled Band

An old-timey poster for the Speckled Band episode of Sherlock Holmes
Focus, Watson

The Illustrious Click Events

Strand magazine cover for the illustrious client story

The Valley of ARIA

Vintage paperback cover for the valley of fear

The Final Problem

Holmes takes on Moriarty in the final problem