w3c · detlevhfischer · Nov 24, 2025 · Nov 24, 2025 · Nov 24, 2025 · Nov 24, 2025
diff --git a/techniques/F114.html b/techniques/F114.html
@@ -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 it automatically 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 it automatically closing</h1>
+    <section class="meta"><p class="id">ID: F114</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 or by focusing an element via the keyboard, causes popup content to appear and cannot moce the pointer over the new popup in order to fully access its contents without the popup 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 that may now cover other parts of content. For users who use strong page magnification, the popup content ids often only partly visible in the enlarged viewport. A common way to access those parts that are hidden is by moving the pointer over the popup content, thereby automatically moving the viewport (the enlarged section).</p>
+     <p>In some cases, content is designed in a way where moving the pointer outside the trigger that caused the popup content to appear will automatically close the popup. This majkes it impossible to pointer users,especially thise using strong magnification, to access the full content of the popup.</p>
+   </section><section id="examples">
+     <h2>Examples</h2>
+      <ul>
+         <li><strong>Custom tooltip:</strong> When hovering the pointer ober an icon with a question mark that is placed after an input field, a popup window with an explanation of the expected input appears to the left of the icon. Parts of the popup may not be visible in the current enlarged viewport. The attempt to move the pointer towards the popup content causes it to close as soon the pointer is no longer over the target area of the trigger.</li>
+        <li><strong>Sub-menu:</strong> When the pointer is moved over the entry in a horizonal menubar, a submenu appears. Moving the pointer over the submenu closes the menu.</li>
+      </ul>
+   </section>
+   <section id="tests"><h2>Tests</h2>
+      <section class="procedure"><h3>Procedure</h3>
+             <ul>
+                <li>Using pointer, explore the page content, especially interactive menus and icon controls, to check for popups appearing on pointer hover.</li>
+                <li>If popup content appears, move the pointer over the popup content.</li>
+            </ul>
+
+      <section class="results"><h3>Expected Results</h3>
+         <ul>
+            <li>If popup content closes when moving the pointer over it, then this failure condition applies and content fails the success criterion.</li>
+         </ul>
+      </section>
+ </body>
+</html>
diff --git a/techniques/failures/F114.html b/techniques/failures/F114.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html><html lang="en"><head><title>Failure of Success Criterion 1.4.13 Content on hover and focus when content cannot be dismissed without moving the pointer  or the keyboard focus</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 and focus when content cannot be dismissed without the pointer hover or the keyboard focus</h1>
+    <section class="meta"><p class="id">ID: F114</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 or by focusing an element via the keyboard, causes popup content to appear that cannot dismissed without moving the focus.</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 that may now cover other parts of content. For users, especially those that use strong page magnification, this addition of popup content without activation can be disorienting in different ways:</p>
+        <ul>
+          <li>the new popup content may cover content that the user may want to access</li>
+          <li>The new popup content may not appear fully in the magnified viewport, necessitating a move of the viewport by panning, tabbing, or pointer focussing in order to access the popup content</li>
+        </ul>
+     <p>Since popup content on hover and focus can unexpectedy cover page content that users may want to access, it is important that there is an easy way to dismiss such popup content. The most common method is for that is to press the ESC key. Another possible method is activating the pointer at the current location.</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 that covers a part of the form. Pressing the ESC key or activating the pointer at the same position fails to close the submenu.</li>
+        <li><strong>Sub-menu:</strong> When the mouse pointer is moved over the entry in a horizonal menubar, a submenu appears. Pressing the ESC key or activating the pointer at the same position fails to close the submenu.</li>
+         <li><strong>Sub-menu over decorative content or whitespace:</strong> When the mouse pointer is moved over the entry in a horizonal menubar, a submenu appears over a decorative image or whitespace. Across different viewport widths, the submenu does not cover information. This is not a failure.</li>
+      </ul>
+   </section>
+   <section id="tests"><h2>Tests</h2>
+      <section class="procedure"><h3>Procedure</h3>
+         <ol>
+           <li>
+             <ul>
+                <li>Using the tab key, navigate through interactive content. </li>
+                <li>If popup content appears that hides information, press the ESC key and check whether this closes the popup content</li>
+            </ul>
+          </li>
+          <li>
+             <ul>
+                <li>Move the pointer over interactive elements. </li>
+                <li>If popup content appears that hides information:
+                  <ul>
+                    <li>press the ESC key and check whether this closes the popup content</li>
+                    <li>Activate the pointer device at the current pointer position</li>
+                  </ul>
+             </ul>
+           </li>
+         </ol>
+      </section>
+      <section class="results"><h3>Expected Results</h3>
+         <ul>
+            <li>If popup content on keyboard focus does not disappear when pressing ESC or popup content on hover does not disappear when pressing ESC or activating the pointer at the same position then this failure
+                                    condition applies and content fails the success criterion.</li>
+         </ul>
+      </section>
+ </body>
+</html>
diff --git a/techniques/failures/F115.html b/techniques/failures/F115.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html><html lang="en"><head><title>Failure of Success Criterion 1.4.13 Content on hover and 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 and focus when the pointer cannot be moved over the new popup content without that content closing</h1>
+    <section class="meta"><p class="id">ID: F114</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 mocve 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 leaver 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 form 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 horizonal 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 thepointer, explore page content, especially menus and icons like help or information icons. </li>
+            <li>If popup content appears, 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>