1873038 - Sidebar navigation tablist in about:webauthn needs to ensure proper dynamic focus handling

Status: RESOLVED FIXED

(Core :: DOM: Web Authentication, defect)

Description

[Anna Yeddi [:ayeddi]]

The about:webauthn includes a tablist that should be following the W3C WAI ARIA Tablist pattern and while the patch for bug 1872957 does provide the ARIA roles and attributes needed, the component still needs to ensure the following is handled properly dynamically:

1. keyboard navigation:
   1. only one tab is focusable with tabindex="0" and then,
   2. when a user focuses it, Up/Down arrow keys move the focus and zero-tabindex to the previous/next non-hidden tab, then
   3. either pressing Enter or Space on a focused tab opens an appropriate tabpanel on the main content - refer to the tabs with manual activation example OR, alternatively, currently focused tab activates its appropriate tabpanel by default, without any explicit activation - refer to the tabs with automatic activation example)
2. ARIA properties are updated with the dynamic changes:
   1. the tab control for the currently opened tabpanel has aria-selected="true" and tabindex="0" (at least by default, depending on the 1.3 above)
   2. the rest of controls (including the hidden ones) have aria-selected="false"

In the Fx codebase, similar sidebar navigation components are used on about:preferences and on Firefox View pages

Comment 1

[msirringhaus]

Attachment: Bug 1873038 - Implement dynamic focus handling for sidebar navigation tablist in about:webauthn (r=ayeddi,jschanck)

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/b486074a1404
Implement dynamic focus handling for sidebar navigation tablist in about:webauthn (r=ayeddi,jschanck)

Comment 3

[Natalia Csoregi [:nataliaCs]]

https://hg.mozilla.org/mozilla-central/rev/b486074a1404