Focus and hover content stay visible and is easy to dismiss

• Dismissible: Users can dismiss additional content without changing hover or focus, unless it’s an input error or doesn’t obscure or replace other content.

• Hoverable: Additional content triggered by hover remains visible if the pointer moves over it.

• Persistent: Content remains visible until the trigger is removed, the user dismisses it, or the content is no longer valid.

• A tooltip that remains visible while hovering over a button and can be closed by clicking a close button without moving the pointer.

• A menu that stays open while the user hovers over it and does not disappear if the pointer is moved across its items.

• Content controlled by the user agent (e.g., browser tooltips created with the HTML title attribute) and hidden components revealed by keyboard focus (e.g., skip links) are not covered.

• Test hover and focus interactions to ensure that additional content behaves predictably and can be easily dismissed or interacted with.

• Use clear mechanisms to allow users to close or interact with additional content without losing context.

‍

1. Interaction Testing: Hover or focus on elements to ensure additional content remains visible and can be dismissed independently.

2. Accessibility Tools: Verify with screen readers and other assistive technologies to confirm content is accessible and manageable.

3. User Testing: Check with users who rely on hover or focus interactions to ensure that content is accessible and behaves as expected.

‍