Closed Bug 1791873 Opened 2 years ago Closed 2 years ago

sync-setup-container element is not accessible via keyboard navigation

Categories

(Firefox :: Firefox View, defect, P1)

defect

Tracking

()

VERIFIED FIXED
107 Branch
Tracking Status
firefox-esr102 --- unaffected
firefox105 --- unaffected
firefox106 + verified
firefox107 --- verified

People

(Reporter: tgiles, Assigned: dmosedale)

References

(Regression)

Details

(Keywords: access, regression, Whiteboard: [fidefe-2022-mr1-firefox-view])

Attachments

(1 file)

STR:

  1. Make sure you are not signed in to a Firefox Account
  2. Open Firefox View
  3. Navigate to tab-pickup section via keyboard
  4. Expand the tab pickup list section via keyboard
  5. Hit "Tab" to navigate to next element

Expected:

  • The "Continue" button within the "Switch seamlessly between devices" is focused

Actual:

  • The "Try Colorways" (or next focusable element in the DOM) is focused instead

Considering there are alternate ways to sign into your Firefox Account, this may be a low severity issue...but it does break the tab pickup list setup flow if navigating with only keyboard/screen reader so that might tip severity in the other direction.

Whiteboard: [fidefe-2022-mr1-firefox-view]

@gijs -- this one feels pretty important. Let's discuss in triage today.

Keywords: regression

Emilio, any idea why this broke as a result of the reimplementation of summary/details? Do we need to do something special to get keyboard a11y to work inside the <details> bits?

Flags: needinfo?(emilio)
Regressed by: 1308080

Set release status flags based on info from the regressing bug 1308080

Hm, I think my regression analysis was wrong and this actually broke in bug 1789885, which is kind of surprising but mozregression shouldn't lie...

Flags: needinfo?(sfoster)
Regressed by: 1789885
No longer regressed by: 1308080

I think this may be a regression from Bug 1790651, since removing the tabindex="-1" on the sync-setup-container fixes the keyboard navigation issue for me. Not sure what else I'm missing though.

(In reply to Tim Giles [:tgiles] from comment #5)

I think this may be a regression from Bug 1790651, since removing the tabindex="-1" on the sync-setup-container fixes the keyboard navigation issue for me. Not sure what else I'm missing though.

That looks more plausible, and mozregression --repo autoland --launch <rev> on that and its grandparent (parent was DONTBUILD so no builds) confirms that's the regressor. I'm still confused why mozregression blamed Sam's change; I guess merges confused it? :-(

Flags: needinfo?(sfoster)
Regressed by: 1790651
No longer regressed by: 1789885

Dan, I'm pretty confused by the patch you landed - you mention you were concerned about getting tabIndex=-1 in "all the right places" - but it's on a bunch of <h1> tags which should never be focusable in the first place (so should be a no-op, I think?) and on the <named-deck>, where I'm not sure what exactly it's accomplishing. Certainly that last one is now breaking expected keyboard functionality. What breaks for the feature callout work if we get rid of it?

Flags: needinfo?(dmosedale)
Severity: -- → S2
Priority: -- → P1
Regressed by: 1308080
No longer regressed by: 1790651

Oops, looks like Ray overwrote this by accident.

Regressed by: 1790651
No longer regressed by: 1308080

I'm confused about the regressing bug too fwiw. tabIndex is the wrong attribute name. The right one is all lowercase.

Flags: needinfo?(emilio)

(In reply to Emilio Cobos Álvarez (:emilio) from comment #9)

I'm confused about the regressing bug too fwiw. tabIndex is the wrong attribute name. The right one is all lowercase.

HTML attributes are lowercased so it doesn't end up mattering, and the attribute is applied anyway.

(In reply to :Gijs (he/him) from comment #7)

Dan, I'm pretty confused by the patch you landed - you mention you were concerned about getting tabIndex=-1 in "all the right places" - but it's on a bunch of <h1> tags which should never be focusable in the first place (so should be a no-op, I think?) and on the <named-deck>, where I'm not sure what exactly it's accomplishing. Certainly that last one is now breaking expected keyboard functionality. What breaks for the feature callout work if we get rid of it?

This was originally motivated by this bit of bug 1790651 comment 0:

But if the user wandered around, the best place to return the focus would be the last focusable element before the onboarding popup was injected in the DOM or on the topmost element right after it, i.e. when the last popup is dismissed, the focus could be placed on the aside section for Colorways, for instance with the tabindex="-1" on the Independent Voices heading, so the user does not miss any piece of the content after the dismissal"

Re-reading that, however, makes it clear that the tabindex stuff would only make sense if the "on the topmost element right after it" implementation had been chosen.

Since the patch used the "return focus to where it was" implementation, I suspect the right fix is simply to back out the tabindex changes.

Looking at the details of this a bit more, then will write an integration test and an implementation patch this afternoon (i.e. now).

Flags: needinfo?(dmosedale)
Assignee: nobody → dmosedale
Attachment #9295895 - Attachment description: WIP: Bug 1791873 - fix sync-container-element a11y → WIP: Bug 1791873 - fix FxView sync-setup-container kbd access
Attachment #9295895 - Attachment description: WIP: Bug 1791873 - fix FxView sync-setup-container kbd access → Bug 1791873 - fix FxView sync-setup-container kbd access,r?gijs,sfoster
Pushed by gijskruitbosch@gmail.com: https://hg.mozilla.org/integration/autoland/rev/424b1b1c6566 fix FxView sync-setup-container kbd access,r=Gijs
Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → 107 Branch

The patch landed in nightly and beta is affected.
:dmosedale, is this bug important enough to require an uplift?

  • If yes, please nominate the patch for beta approval.
  • If no, please set status-firefox106 to wontfix.

For more information, please visit auto_nag documentation.

Flags: needinfo?(dmosedale)

Comment on attachment 9295895 [details]
Bug 1791873 - fix FxView sync-setup-container kbd access,r?gijs,sfoster

Beta/Release Uplift Approval Request

  • User impact if declined: Broken keyboard access in Firefox View
  • Is this code covered by automated tests?: Yes
  • Has the fix been verified in Nightly?: No
  • Needs manual test from QE?: Yes
  • If yes, steps to reproduce: See comment 0
  • List of other uplifts needed: N/A
  • Risk to taking this patch: Low
  • Why is the change risky/not risky? (and alternatives if risky): Straightforward part-reversal of an earlier patch that just drops tabindex=-1 attributes from this specific page, and has an automated test.
  • String changes made/needed: Nope
  • Is Android affected?: No
Attachment #9295895 - Flags: approval-mozilla-beta?
Flags: qe-verify+
Flags: needinfo?(dmosedale)
QA Whiteboard: [qa-triaged]

This is verified fixed using Firefox 107.0a1 (BuildId:20220927213841) on Windows 10 64bit, macOS 11 and Ubuntu 22.

Leaving the qe-verify+ label until this gets uplifted and verified.

Comment on attachment 9295895 [details]
Bug 1791873 - fix FxView sync-setup-container kbd access,r?gijs,sfoster

Approved for 106.0b6, thanks.

Attachment #9295895 - Flags: approval-mozilla-beta? → approval-mozilla-beta+

This is verified fixed using Firefox 106.0b6(BuildId:20220929195234) on Windows 10 64bit, Ubuntu 22 and macOS 11.

Status: RESOLVED → VERIFIED
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: