🌐 Website Issue | Problematic tooltips on mobile devices #1948

New Issue

2020-06-11T21:19:24Z

macie commented

2020-06-11 21:19:24 +00:00

(Migrated from github.com)

Description

The website are using tooltips on links (from jQuery). It works on desktops, where tooltips shows after hovering cursor over link. But on mobile you don't have cursor, and tooltips are visible only after long touch. In modern mobile browsers long touch at link is an equivalent of right mouse button click (eg. to open link in new tab).

Today mobile user of the website can spot 3 situations:

he wants to open link in new tab - he will see tooltip too
he wants to see tooltip - he will see additional system menu (with items like "open in new tab")
she clicks on link - she will see tooltip for short time, before new page starts loading.

So it will be great to redefine tooltips behavior - at least for mobile devices. It will probably requires creating custom solution instead of jQuery tooltip mechanism. Also some usability guidance can be helpful - as a starting point: Tooltip Guidelines from NNG.

## Description The website are using tooltips on links (from _jQuery_). It works on desktops, where tooltips shows after hovering cursor over link. But on mobile you don't have cursor, and tooltips are visible only after long touch. In modern mobile browsers long touch at link is an equivalent of right mouse button click (eg. to open link in new tab). Today mobile user of the website can spot 3 situations: - he wants to open link in new tab - he will see tooltip too - he wants to see tooltip - he will see additional system menu (with items like "open in new tab") - she clicks on link - she will see tooltip for short time, before new page starts loading. So it will be great to redefine tooltips behavior - at least for mobile devices. It will probably requires creating custom solution instead of _jQuery_ tooltip mechanism. Also some usability guidance can be helpful - as a starting point: [Tooltip Guidelines from NNG](https://www.nngroup.com/articles/tooltip-guidelines/).

👍 5

blacklight447 commented

2020-06-14 13:09:38 +00:00

(Migrated from github.com)

I would probably be a good idea to fix this, as most users use phones to browse the web these days.
Would you be willing to write a small prove of concept in a PR? :D

I would probably be a good idea to fix this, as most users use phones to browse the web these days. Would you be willing to write a small prove of concept in a PR? :D

This repo is archived. You cannot comment on issues.