From 6a973214d90fc486fdefd915db9a2fb1d5caef1f Mon Sep 17 00:00:00 2001 From: Steve Repsher Date: Tue, 19 Sep 2017 13:27:57 -0400 Subject: [PATCH] Initial draft intent and benefits for Content on Hover or Focus This version is simply copied from #75 and will be updated to reflect not using "popup". --- .../21/content-on-hover-or-focus.html | 21 +++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/understanding/21/content-on-hover-or-focus.html b/understanding/21/content-on-hover-or-focus.html index 026d60d1..64d2c9ae 100644 --- a/understanding/21/content-on-hover-or-focus.html +++ b/understanding/21/content-on-hover-or-focus.html @@ -5,15 +5,32 @@ -

Understanding {Shortname}

+

Understanding Content on Hover or Focus

Intent

This section contains the main explanatory content of the Understanding. It explains why the Guideline or Success Criterion exists and, at a high level, how to meet it.

+

Popup content that appears only on focus or mouse hover can present many challenges for users with low vision and others whose mouse accuracy may be low. Techniques can be employed to successfully perceive and interact with popups as long as certain conditions are met when a popup is displayed.

+

First, if a popup is positioned to cover all or part of its triggering content, then the trigger can become much more difficult to perceive under magnification. In this situation, screen area that doesn't trigger the popup may be the minority, resulting in a difficult cycle to pan the screen without re-triggering the popup. The solution is to always position the popup adjacent to its trigger.

+

Next, a popup can be difficult or impossible to perceive if a user is required to keep their mouse pointer over the trigger. For large popups, magnified views may mean that the user needs to scroll or pan to completely view the popup, which is impossible unless the user is able to move their pointer off the trigger without the popup disappearing. Another common situation is when large pointers have been selected via platform settings or assistive technology. Here, the pointer can obscure a significant area of the popup. A technique to view the popup fully in both situations is to move the mouse pointer onto the popup itself. Ensuring this capability also offers advantages for users who utilize screen reader feedback on mouse interactions.

+

Finally, when a popup contains user interface components that can gain focus, a user technique can be employed to move focus onto the popup. As long as the popup remains displayed, the view can then be magnified, scrolled, or panned for optimal perception without regard to mouse position over the content. For popups with multiple clickable items, this also offers the advantage of being able to make and correct a clicking mistake without losing visibility of the popup.

+

This criterion does not attempt to solve such issues when the appearance of the popup is completely controlled by the user agent. A prominent example is the common behavior of browsers to display the  title  attribute in HTML as a small tooltip.

+

Additional notes to be clarified in Understanding:

+
    +
  1. Dialogs cannot be popups because they would fail SC 3.2.1, On Focus, by gaining focus on only focus or hover.
  2. +
  3. Add more detail to exception (basically when code is supplied but no styling).
  4. +
  5. Explain that proximity is implied by hover condition.
  6. +
  7. Add language to explain exception for focus condition when user has dismissed the popup and trigger still has focus.
  8. +
  9. Explain that whitespace within the trigger is okay to obscure (only essential content).
  10. +
  11. Explain rationale on allowing ESC to close popup.
  12. +
+

Benefits

This explains how following the success criterion benefits particular types of users with disabilities.

    -
  • Benefit
  • +
  • Users who view content under magnification
  • +
  • Users who increase the size of mouse cursors via platform settings or assistive technology.
  • +
  • Users with low mouse cursor accuracy due to low vision, motor impairment, etc.