Content generated by hover or focus of an element does not disappear until dismissed, is no longer valid, or hover or focus is removed.
WCAG 2 criterion
1.4.13 Content on Hover or Focus (Level AA)
Tools and requirements
Test procedure
When interacting with elements on the page, if any content appears on hover or focus and disappears when hover or focus leaves (like a dropdown or a tooltip).
First verify that the content disappears when hover or focus leaves. If the content is persistent on mouseout/focusout events, this criterion is inapplicable.
Ensure that the dropdown/tooltip does not disappear on its own without you taking an action to explicitly remove it like using ESC or moving away from the triggering element.
AI Prompt
Copy to Clipboard
Create a PHP class in the namespace "App\Services\AccessibilityAnalyzer\GuidelineRules"
that extends "App\Services\AccessibilityAnalyzer\GuidelineRuleRunner" and is called "Guideline44" that has a function with the signature "protected function findApplicableElements(Crawler $crawler): Crawler". The base class includes the function "protected function isElementIncludedInAccessibilityTree(\DOMNode $element): bool" for determining if an element is included in the accessibility tree.
Web accessibility guideline:
## Content generated by hover or focus of an element does not disappear until dismissed, is no longer valid, or hover or focus is removed.
### WCAG 2 criterion
1.4.13 Content on Hover or Focus (Level AA)
### Tools and requirements
* Keyboard
### Test procedure
When interacting with elements on the page, if any content appears on hover or focus **and** disappears when hover or focus leaves (like a dropdown or a tooltip).
* First verify that the content disappears when hover or focus leaves. If the content is persistent on mouseout/focusout events, this criterion is inapplicable.
* Ensure that the dropdown/tooltip does not disappear on its own without you taking an action to explicitly remove it like using ESC or moving away from the triggering element.
