DEV Community

loading...

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

Collapse
alvaromontoro profile image
Alvaro Montoro

This looks really cool.

Collapse
alvaromontoro profile image
Alvaro Montoro • Edited

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.

Collapse
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.