Content that appears on hover or focus can cause many issues for accessibility including difficulty perceiving the new content as well as difficulty perceiving the content around it. For users with low vision who rely on zoom or magnification it may be necessary for them to move their pointer over the content to read it. Because of this the content must remain while that occurs. They may also not have intended for this content to appear and need to be able to see the content behind it. For this to happen we must provide a way for the user to close the new content.

WCAG 1.4.13: Content on Hover or Focus Opens in a new window

Details

  • If the content obscures other content, the user can dismiss the content without removing the hover or focus.
  • If hover triggers the content, the pointer can be moved over the new content without it disappearing.
  • The new content remains until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.