Skip to content

New Failure Technique for 1.4.13 Content on hover or focus when the pointer cannot be moved over the new popup content without that content closing #4771

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

New Failure Technique for 1.4.13 Content on hover or focus when the pointer cannot be moved over the new popup content without that content closing #4771

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c8e6190
Create F115.html
detlevhfischer Nov 24, 2025
a1c3460
Minor typos
detlevhfischer Nov 24, 2025
67639f0
Changing id of technique
detlevhfischer Nov 24, 2025
994f4f2
Corrected SC title to "hover or focus"
detlevhfischer Nov 24, 2025
a93031f
correcting typo
detlevhfischer Nov 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions techniques/failures/F115.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html><html lang="en"><head><title>Failure of Success Criterion 1.4.13 Content on hover or focus when the pointer cannot be moved over the new popup content without that content closing</title>
<link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove">
</head>
<body>
<h1>Failure of Success Criterion 1.4.13 Content on hover or focus when the pointer cannot be moved over the new popup content without that content closing</h1>
<section class="meta"><p class="id">ID: F115</p><p class="technology">Technology: failures</p><p class="type">Type: Failure</p></section><section id="applicability">
<h2>When to Use</h2>
<p>Applies when the user, by hovering over parts of content, causes popup content to appear and the pointer cannot be moved over that new popup content without it automatically closing.</p>
</section><section id="description">
<h2>Description</h2>
<p>Content elements may respond to receiving keyboard focus or pointer hover by inserting additional popup content. For users, especially those that use strong page magnification, this new popup content may not be fully visible. It is therefore important that they can move the pointer over it to access it fully.</p>
<p>In some cases, popup content is designed in a way where it automatically closes as soon as the pointer leaves the target area of the trigger that caused the content to appear on hover.</p></p>
</section><section id="examples">
<h2>Examples</h2>
<ul>
<li><strong>Custom tooltip:</strong> When focussing an icon with a question mark that is placed after an input field, a popup window with an explanation of the expected input appears next to the icon. Moving the pointer away from the icon and over the popup automatically closes the popup content.</li>
<li><strong>Sub-menu:</strong> When the mouse pointer is moved over the entry in a menubar, a submenu appears. Moving the pointer away from the main menu item toward the submenu closes this submenu.</li>
</ul>
</section>
<section id="tests"><h2>Tests</h2>
<section class="procedure"><h3>Procedure</h3>
<ul>
<li>Using the pointer, explore page content, especially menus and icons like help or information icons. </li>
<li>If popup content appears on hover, move the pointer over the popup content.</li>
</ul>
</section>
<section class="results"><h3>Expected Results</h3>
<ul>
<li>If popup content disappears when moving the pointer over it then this failure condition applies and content fails the success criterion.</li>
</ul>
</section>
</body>
</html>