Csswg-drafts: [css-mediaqueries] expose user left/right hand preference

[nico3333fr]

Usually, an app/website design will place main CTAs at a place that can be reached easily on a smartphone using the thumb. Usually on the bottom right, however, this could be problematic for left-handed people.

Idea

It would be nice to have the possiblity to adapt websites/apps depending on left/right handed user preference @media prefers-hand: right/left/no-preference (default), which would allow to easily customize interfaces.

Example

.mySuperCTA {
  position: fixed;
  right: 0;
  bottom: 0;
}

@media prefers-hand: right {
  .mySuperCTA {
    right: auto;
    left: 0;
  }
}

Ressources

• https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/ (also source for images)

[tabatkins]

Is this information actually collected by mobile devices? From my experience, this has been a per-app setting.

[Malvoz]

Such a feature aligns well with the goals of WAI Personalization.