DEV Community 👩‍💻👨‍💻

Discussion on: Spin the Wheel — a customizable roulette wheel in less than 30kb with a no-javascript fallback.

alvaromontoro profile image
Alvaro Montoro • Edited on

I have "prefers reduce motion" activated and the animation is not there in that case (which is great). Maybe an improvement for that: there's no animation, so the selected option is visible immediately, but the banner and the button are disabled until the end of the animation, so there's a gap of a couple of seconds in which the user sees the selected option, but it is not announced and you cannot click on the button to generate a new one, which is a bit weird.

shadowfaxrodeo profile image
Nathaniel Author

That's great to know. thank you. That's a javascript thing so I'll add something to detect it.

Interesting to come up with a non-spinning version that still has the same drama? Maybe a fade-in or something?

In the meantime I'll update it to show immediately.