1646964 - Drop-down titles has no highlight when navigating with keyboard only on about:pioneer page

Status: RESOLVED WORKSFORME

(Firefox Graveyard :: Pioneer, defect, P2)

Description

[Alin Ilea, Desktop Test Engineering]

Attachment: 2020-06-19_16h32_34.mp4

Affected versions:

Beta 78.0b9
Nightly 79.0a1 (2020-06-17)

Affected platforms:

Windows 10, Ubuntu 18.04, Mac OS 10.15

Steps:

1. Launch Firefox.
2. Navigate to: about:pioneer
3. Using keyboard only go to the "What happens next?" title and press enter.
4. Press Tab key again and press Enter.

Actual result:

"What happens next" description is expended but here is no highlight when the focus is on the title drop-down. The user doesn't know where he is with the navigation in that moment.

Expected result:

There should be a highlight around the drop-down titles.

Comment 1

[Robert Helmer [:rhelmer]]

Good catch, thanks! This is disabled in the CSS since it makes mouse navigation and focus kind of clumsy (outline: none;), I'll see if there's something clever we can do otherwise will just remove the rule.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:rhelmer, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[Robert Helmer [:rhelmer]]

We've removed this UI element so I think we can just resolve this :) If we add it back we'll need to be more careful about a11y here.