nextcloud / nextcloud/mail

Reduce number of hover tooltips for informative content

Open
#6,729 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

1. to develop bug
Dominant language
JavaScript
Stars
1k
Forks
348
Avg merge
12h 28m
Merged PRs (30d)
91

Description

Steps to reproduce

This is an accessibility issue.

Tooltips can be a good way of giving extra information or clarifying something, but if it’s important it’s usually better to always show it.
Information icons and times, for example, when a document last was changed, have got tooltips.
But since these aren’t interactive objects they’re not reachable with the keyboard.

Expected behavior

If the information in a tooltip is important for the user to understand the contents, consider just placing it directly on the page instead of hiding it in a tooltip.

It might be best to just write out the full text in these instances. For example “6 days ago. 23 March at 16:29.”

Solution could be to improve tooltips, which is a separate ticket https://github.com/nextcloud/nextcloud-vue/issues/2503.

Also could be a suggestion to use a full text instead of using tooltips.

Actual behavior

image

Mail app version

1.13

Mailserver or service

No response

Operating system

No response

PHP engine version

No response

Web server

No response

Database

No response

Additional info

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No files or tests are named. Start by locating the mail UI components that render informative tooltips for information icons and relative timestamps, then compare them with the screenshot and the accessibility concern described. Done means important information is visible on the page without requiring hover or keyboard-inaccessible controls.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.