Skip to content

[css-mediaqueries] expose user left/right hand preference #4443

@nico3333fr

Description

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

image

image

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions