Bug #89872
openEpic #89595: Improve accessibility of backend
Tooltips in Backend should become accessible
0%
Description
The title attribute is not sufficient for an accessible tooltip. There are screenreaders that do not announce the title attribute and also users of mobile devices have not chance to see the tooltip.
It would be nice to have a new globally available tooltip option that is accessible and can be used in cases where currently title attributes or other alternatives are used.
Updated by Michael Telgkamp almost 4 years ago
- Related to Task #89566: Some buttons have missing tooltips added
Updated by Michael Telgkamp almost 4 years ago
- Related to Bug #89520: Missing tooltips in info module added
Updated by Andreas Kienast over 3 years ago
- Status changed from New to Needs Feedback
What needs to be done to have accessible tooltips?
Updated by Michael Telgkamp over 3 years ago
When having a look at the WAI-ARIA practices it shows they are still "work in progresss" https://www.w3.org/TR/wai-aria-practices-1.1/#tooltip
But there is other (more informative) information on accessible tooltips on the following two pages:
https://inclusive-components.design/tooltips-toggletips/
https://www.sarasoueidan.com/blog/accessible-tooltips/
The most important things are:
- do not rely on the title attribute, that is not sufficient (and not usable on mobile devices at all)
- use aria-describedby to identify the tooltip for the element the tooltip is attached to
- use role="tooltip" for the tooltip itself
- tooltips should appear on focus as well as on hover
Updated by Sybille Peters about 3 years ago
- Status changed from Needs Feedback to New
Updated by Simon Schaufelberger over 1 year ago
- Related to Bug #97359: Missing tooltips in action control panel of list rows added
Updated by Annett Jähnichen 11 months ago
- Related to Task #99569: Add optional label attribute as button label added
Updated by Christian Kuhn 10 months ago
- Related to Task #99811: Prefer browser tooltips over bootstrap tooltips added