diff --git a/techniques/failures/F114.html b/techniques/failures/F114.html new file mode 100644 index 0000000000..e97b0f56ac --- /dev/null +++ b/techniques/failures/F114.html @@ -0,0 +1,53 @@ +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 + + + +

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

+

ID: F114

Technology: failures

Type: Failure

+

When to Use

+

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.

+
+

Description

+

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:

+ +

Since popup content on hover and focus can unexpectedly 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.

+
+

Examples

+ +
+

Tests

+

Procedure

+
    +
  1. +
      +
    • Using the tab key, navigate through interactive content.
    • +
    • If popup content appears that hides information, press the ESC key and check whether this closes the popup content
    • +
    +
  2. +
  3. +
      +
    • Move the pointer over interactive elements.
    • +
    • If popup content appears that hides information: +
        +
      • press the ESC key and check whether this closes the popup content
      • +
      • Activate the pointer device at the current pointer position
      • +
      +
    +
  4. +
+
+

Expected Results

+ +
+ + diff --git a/techniques/failures/F115.html b/techniques/failures/F115.html new file mode 100644 index 0000000000..2553a61853 --- /dev/null +++ b/techniques/failures/F115.html @@ -0,0 +1,33 @@ +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 + + + +

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

+

ID: F114

Technology: failures

Type: Failure

+

When to Use

+

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.

+
+

Description

+

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.

+

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.

+
+

Examples

+ +
+

Tests

+

Procedure

+
    +
  • Using the pointer, explore page content, especially menus and icons like help or information icons.
  • +
  • If popup content appears, move the pointer over the popup content
  • +
+
+

Expected Results

+
    +
  • If popup content disappears when moving the pointer over it then this failure condition applies and content fails the success criterion.
  • +
+
+ +