Use the arrow keys to navigate between menu items.

Being inaccessible is lose-lose

1 minute read

Your inaccessible website forces you into a lose-lose situation.

Say you're running an e-commerce site. You're selling personalised T-shirts. The customer can use your online tool to pick a T-shirt size, a base colour, add some text and style it, pick an image from their device and upload and position it where they want on the T-shirt.

They add that to their cart, checkout, pay and patiently wait for you to ship their product.

Except they can't go through all of it. They get stuck somewhere in the process because you haven't made it possible for screen reader users to use your website. So they cannot:

  • select the XS size from your size dropdown because it's not keyboard accessible
  • click the "Add text" button because it's not a proper <button/>
  • drag and drop the image to position it because there's no keyboard-alternative to this mouse-only action
  • finish paying because the checkout form has no labels

Too bad.

Your customer loses because what you're selling is perfect for her. And you lose because she didn't buy what you were selling.

Did you enjoy this bite-sized message?

I send out short emails like this every day to help you gain a fresh perspective on accessibility and understand it without the jargon, so you can build more robust products that everyone can use, including people with disabilities.

You can unsubscribe in one click and I will never share your email address.