valetudo icon indicating copy to clipboard operation
valetudo copied to clipboard

Icons do not have tooltips / alt-text

Open jhesketh opened this issue 4 years ago • 4 comments

Describe the bug Some of the icons (specifically on the map page) are not clear what they do. For example, does the map marker do a zoned cleanup, or locate the robot. Additionally sometimes the Play button means resume the clean and sometimes it means start a new clean.

It would be helpful if there were title/tooltips/alt-text on all of the buttons to make it clearer what action will be taken.

How to Reproduce

  1. Go to map page
  2. Hover over icon

Expected behavior When hovering over any button, a textual description is provided.

Vacuum Model: NA

Valetudo Version: v0.9.6

User-Agent Firefox

jhesketh avatar Sep 20 '20 13:09 jhesketh

Yes, probably these texts should be added at some point. The initial reason for them being missing is that the web interface is supposed to be used mostly from a smartphone, which has no way to display tooltips upon cursor hovering buttons due to, well, the lack of any cursor on a touch screen.

rand256 avatar Sep 21 '20 15:09 rand256

That's fair. It is difficult to display on mobile. A long press could show what the action does though perhaps?

Alternatively you could look at a "sheet" (https://material.io/components/sheets-bottom) or an extended floating action button (https://material.io/components/buttons-floating-action-button#extended-fab).

Either way, just an alt-text for desktop users would be helpful :-).

jhesketh avatar Sep 22 '20 01:09 jhesketh

A long press could show what the action does though perhaps?

Some of the buttons on map tab do have already an additional action while long pressing them ;)

pidator avatar Sep 22 '20 05:09 pidator

From a UI/UX perspective I would actually prefer it a lot if the icons on the map would get a similar treatment to those on the bottom navigation bar: just give them localised text labels.

avierck avatar Dec 17 '20 10:12 avierck