matthiasott,
@matthiasott@mastodon.social avatar

I just got asked a very interesting question: let’s say you want to create a really stunning website and part of that is that you change the mouse cursor to various custom cursors, like arrows, pointers, crosses, buttons, whatever, when you move it around or hover over things.

How can you make sure the website is still accessible? Given the website is still fully keyboard-accessible, is there anything particular to consider – like fallbacks, user-specific settings, etc? 🤔

#a11y #ui #cursors

press1forjosh,
@press1forjosh@mastodon.social avatar

@matthiasott My main question is, Stunning for who?

I don’t mean that as a gotcha. Consider what you intend to convey with those customizations, and who might (or might not) benefit or be bothered by them. Try to be specific with what you want, and be realistic about who is affected and how.

yatil,
@yatil@yatil.social avatar

@matthiasott Provide a clearly visible way to turn it off, even better have a dialog and consent to use fancy mouse cursors.

(Also, test it with users, see how it drives down engagement, and then throw out all the work you put into fancy cursors.)

tommyp,
@tommyp@mastodon.social avatar

@matthiasott I can only think of adding a toggle to turn this stuff off. Like using prefers-reduced-motion would stop animation?

kc,
@kc@chaos.social avatar

@matthiasott You can't. Pointers are universal system components that people themselves might override by choice for accessibility reasons, and there are also different system cursor designs. If you choose to override this with your own, you will break what most people know and some people need to use your thing.

matthiasott,
@matthiasott@mastodon.social avatar

@kc Yes, that’s also what I thought. What I don’t know though is whether a custom cursor would override user-specific settings or if users could actually override the custom cursors with e.g. scaled-up system cursors…?

aardrian,
@aardrian@toot.cafe avatar

@matthiasott
No need to speculate — build a demo and see.

@kc

  • All
  • Subscribed
  • Moderated
  • Favorites
  • accessibility
  • modclub
  • magazineikmin
  • thenastyranch
  • Youngstown
  • mdbf
  • everett
  • slotface
  • khanakhh
  • ethstaker
  • rosin
  • kavyap
  • tacticalgear
  • InstantRegret
  • DreamBathrooms
  • megavids
  • ngwrru68w68
  • Durango
  • tester
  • GTA5RPClips
  • cisconetworking
  • cubers
  • normalnudes
  • osvaldo12
  • provamag3
  • Leos
  • anitta
  • JUstTest
  • lostlight
  • All magazines