The a11y cats

Learn web accessibility from cats.

by Robert Mion

Let's dive in!

A sneak peak: say them with me!

  1. Purr-see-vuh-bull
  2. Aww-purr-uh-bull
  3. Un-derr-stand-uh-bull
  4. Row-bussed
Turn the page

Part 1: Purr-see-vuh-bull

Some of us see. Some hear. Some touch. These are called lenses!

The world wide web works wonders when it's tuned for our senses.

Turn the page

Chapter 1:
Color Me Confused

1.4.1: Use of Color - Level A

Turn the page

Gayle and Fred this past summer had twins.

Their boys - Red and Green - are cute, sheen and thin.

But when they're together, it's a bit rough for Fred.

Turns out Fred has trouble telling his Green from his Red.

Turn the page

Here's what Fred sees

Which one is Green?

Answer will appear here

Turn the page

Like any smart father, Fred thinks up something quick...

Each boy gets a shape. Yes, that's sure to stick!

Green's things get a circle. And Red's get a square.

It's a daunting task - for sure - but Fred doesn't care.

Turn the page

Here's what Fred sees

Which one is Green?

Answer will appear here

Turn the page

Next, Fred draws patterns on things the boys might claim 'Dibs'.

You know, like bottles, blankets...clothes and bibs.

Dots help Fred know what belongs with his Green.

Dashes on Red's clothes help Fred separate things.

Turn the page

Here's what Fred sees

Which one is Green?

Answer will appear here

Turn the page

Lastly - and this fix is just for good measure:

Fred writes each boy's name on their side of the dresser.

Color alone made life a real hassle for Fred.

Now Fred has no trouble telling his Green from his Red.

Turn the page

Here's what Fred sees

Which one is Green?

Answer will appear here

Turn the page

And meow, time to review!

We've only begun and already learned a lot.

Using color alone can tie some folks' head in a knot.

Add shapes and patterns and labels to the mix...

...so that folks of all kinds may shout proudly, "This clicks!"

Next chapter

Chapter 2:
Stuck On Mute

1.2.2: Captions - Level A

Turn the page

Cap'n spends most of his day watching movies.

He's an esports pro...studying. He learns watching newbies.

He studies the players, the announcers - the parts most people hear.

That's tough though, since Cap'n is deaf in both ears.

Turn the page

That's it...for now

Are you a web accessibility expert? Fancy that!

Help me teach others to build websites...with cats!

Email the author