1876582 - A11y engineering review for Tab Hover Preview

Status: RESOLVED FIXED

(Firefox :: Tabbed Browser, task, P2)

Description

[DJ (:dwalker)]

Description:

When this feature is enabled, hovering the mouse cursor over a tab in the tab bar for 1000ms will open a detailed preview window containing the title, URL, and a screenshot of the website currently loaded in the tab being hovered. This replaces the existing tooltip behavior.

How do we test this?

Change the preference browser.tabs.cardPreview.enabled to true.

When will this ship?

We will be performing QA in the Fx124 Nightly cycle, but don't have a strict release plan so this deadline is flexible.

Tracking bug/issue:

Design documents (e.g. Product Requirements Document, UI spec): https://www.figma.com/file/cJO5SWlTCQjdOJJNtkcpUm/Tab-Hover-Preview?type=design&node-id=0-1&mode=design&t=cyu0DG6ghtzjXskg-0

Engineering lead: Molly Howell

Product manager: Ethan Piper

The accessibility team has developed the Mozilla Accessibility Release Guidelines which outline what is needed to make user interfaces accessible:
https://wiki.mozilla.org/Accessibility/Guidelines
Please describe the accessibility guidelines you considered and what steps you've taken to address them:

• fall back to system colors when in High Contrast Mode
• might be missing some helpful ARIA roles, but I could use some guidance on what/where (see questions below)

Describe any areas of concern to which you want the accessibility team to give special attention:

• how should this behave for users who aren't using a pointing device?
• should the information exposed in the preview be exposed to screen readers? Under what accessibility circumstances should we consider keeping it disabled?
• the preview is contained inside of a XUL <panel> element. There might be some built-in accessibility features that I'm not aware of, or other things I need to take into account here.

Comment 1

[DJ (:dwalker)]

(moved to bug description)

Comment 2

[Chris Peterson [:cpeterson]]

Tab hover previews are now enabled in Fx 128+.

The pref name has changed to browser.tabs.hoverPreview.enabled.

Comment 3

[Anna Yeddi [:ayeddi]]

There are no accessibility concerns with the Tab Preview Features - everything that was expected has been implemented, including but not limited to the following:

1. The preview is dismissed with Escape
2. When using a mouse with a screen reader, hovering over a tab would read the content of the appeared preview, that includes the domain name (which tabs do not include without a preview)
3. It is not focusable
4. It is persistent and does not disappear until dismissed with a user action

Great work, team!

Comment 4

[Chris Peterson [:cpeterson]]

Thanks!