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.