Subscription pages and accessibility failures


If you get your subscription page right, you can win the same customer month after month

Hi again đź‘‹

If you sell anything on subscription, this one is for you.

First: the scale of the industry of the site I was looking at this week.

The UK fresh flower and plant market is worth a massive ÂŁ2.2 billion a year, and about a fifth of that is now spent online. It's a category that has a huge surge in a few short weeks: Valentine's Day, Mother's Day, and then not much slack in between. Get it wrong in peak season and there's no second chances until next year.

​Here's what this week’s review video looks like in practice:​

This week I was browsing through one of the bigger UK flower sites without a mouse - the same way millions of people browse each day.

The first thing to notice is that the account and basket links weren't in the tab order at all, so a keyboard user sails right past them. Without these - there’s no way to reach your account or your basket. And importantly, the choice between a monthly subscription and paying upfront was also unreachable. That's a basic test.

Then if the user gets as far as the delivery form - they're invited to add a gift message, a recipient name, address, and postcode.

However - none of these form fields had accessible labels.

So for anyone using a screen reader, each field in the form simply reads out as "Empty textbox”, “Empty textbox”, “Empty textbox.” There’s no non-visual way to tell which box is which - which is the equivalent of stripping every label off the form for a sighted user. At that point they're left guessing, and I think I'd have given up.

And someone, somewhere, doesn't get their flowers đź’”

A missing label is an incredibly easy fix. Half a days work to fix this page - max.

But let's look at what it costs

If that page was selling a single ÂŁ25 bouquet, the bug costs you one sale. ÂŁ25.

It wasn't. It was a subscription.

So you don't lose ÂŁ25. You lose it this month, and again next month, and every month after, for as long as that customer would have stayed.

Suddenly ÂŁ25 looks a lot more like ÂŁ250+.

Same bug. Very different bill. And that's just for one customer.

Apply it to everyone who hits the same wall during a Valentine's or Mother's Day rush, and the page nobody tested turns into an expensive problem.

Testing is often performed using a mouse - but unless you follow the same user journeys as a screen reader user - then you’re potentially excluding 10% - 15% of your audience.

So a question worth asking this week: when did anyone last try to subscribe to your service using only a keyboard?

If the answer is "never", that's the page I'd start with.

​📹 Watch this weeks review video​

Talk soon,
Dave

P.S. Have you ever spotted something like this on your own product pages? Hit reply and let me know - I read every reply.

600 1st Ave, Ste 330 PMB 92768, Seattle, WA 98104-2246
​Unsubscribe · Preferences​

davedavies.dev

Actionable tips to remove the hidden accessibility barriers currently stopping your customers from completing their purchase. Join the top 6% - watch your sales grow, and your brand reputation shines.

Read more from davedavies.dev

The importance of effective Alt Text for product images Hi again 👋 If you were asked to describe this image to somebody in the next room, what would you say? (watch this online) Photo by Dario Valenzuela on Unsplash On a travel blog, you might describe the scene: “Woman leaning against a wall in an industrial alleyway, looking off into the distance.” The focus is the place. The mood. What’s happening. But on a product page, the job is different. Now the image exists to help someone decide...

davedavies.dev March 11th Why site navigation needs to follow standard interaction patterns. Hi again 👋 Navigation is one of the most commercially important parts of any online store. If customers cannot browse categories easily, they never reach the product pages where the sale actually happens. And yet it’s surprisingly common to see navigation that looks polished, but breaks down the moment someone tries to use it without a mouse. This week’s video shows a good example of how that happens....

Hi again 👋 Research repeatedly shows that UK businesses collectively lose around £17.1 billion a year because shoppers hit accessibility barriers and abandon their purchase. That’s not a niche problem. It’s a huge sum of money. Roughly 1 in 5 people in the UK live with a disability. A significant percentage use assistive technology or need websites to behave clearly and predictably to complete a purchase. Even more rely on accessibility features, and would not necessarily identify as having a...