Description
Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true:
Dismissible
A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content;
Hoverable
If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing;
Persistent
The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
Exception: The visual presentation of the additional content is controlled by the user agent and is not modified by the author.
Questions & Answers
Why is tooltip text required to be hoverable?
I’ve created a tooltip that pops up when the user mouses over a button. Why would a user move their mouse onto the tooltip?
- content on hover or focus
- tooltip
Is content that appears on hover and focus accessible?
How do I ensure that content that appears on hover or focus is accessible?
- content on hover or focus
Are there different contrast ratio requirements for text and for UI elements?
I want to make sure that my site uses proper contrast ratios. Are there different contrast ratio requirements for text and for UI elements?
- color
- contrast
- contrast ratios