Mirlo: not possible to click the Buy button with a screenreader

Projects Mirlo
1

Hey dear Mirlo folks :slight_smile:

So I finally took the plunge and uploaded my first album to Mirlo today, which felt very nice :slight_smile:

And I actually managed the unthinkable and attracted a new listener with my announcement post on sonomu. But there was a problem: Apparently with her screenreader (she’s blind) it’s not possible to actually click the “Buy” button.

(cf: SoNoMu ; German only – sorry)

Don’t know if this is the right place to mention it, but I thought I’d mention it somewhere before it gets lost.

Keep up the really great work, it’s nice to see this growing as a platform!

2 Likes
2

Made a ticket for this and tried to do some debugging. I think this might be a keyboard accessibility issue and have a fix idea, but not sure.

2 Likes
3

Replying here instead of GitHub for more visibility.

I took a quick look on macOS Safari with VoiceOver + keyboard navigation. There are two Buy buttons. The first is on the release page, for me it got announced and was keyboard-interactive. That button displays a modal dialog with the second Buy button inside. The problem I encountered is that the modal dialog doesn’t receive focus, which I think causes two issues:

  1. The modal dialog is not announced, so it’s unclear what the next step is
  2. I had to tab through the rest of the release page in the background before getting to the second Buy button. At that point I was able to get to the Stripe checkout page.
2 Likes