[csswg-drafts] [css-mediaqueries] expose user left/right hand preference (#4443)

• From: Nicolas Hoffmann via GitHub <sysbot+gh@w3.org>
• Date: Wed, 23 Oct 2019 11:25:27 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-511258762-1571829923-sysbot+gh@w3.org>

nico3333fr has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-mediaqueries] expose user left/right hand preference ==
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.

![image](https://user-images.githubusercontent.com/2578321/67388069-4c924800-f598-11e9-9796-414dcfd61868.png)

![image](https://user-images.githubusercontent.com/2578321/67388114-5e73eb00-f598-11e9-9e81-3925a69fee45.png)


## 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

```css
.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)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4443 using your GitHub account

Received on Wednesday, 23 October 2019 11:25:33 UTC