1835860 - [Win] Focus order of buttons on the Translate This Page panel is not following visual reading order

Status: NEW

(Firefox :: Translations, defect, P3)

Description

[Anna Yeddi [:ayeddi]]

Attachment: Focus order of Primary and Secondary buttons on the Translations panel.png

STR:

1. Ensure that Translations are activated via browser.translations.enable=true.
2. On a translatable website, navigate to the awesomebar. Press Tab once to move the focus to PiP control (if present) and then (if needed) use Right Arrow key to focus the Translate this page toggle
3. Press Space or Enter to open a Translations panel
4. Navigate to Translate button using Tab key to move the focus between controls and observe the focus order after Translate to combobox - for Cancel and Translate buttons

Expected:

1. The focus is following the visual reading order, which is for LTR language like English is from Translate to combobox to theTranslate button below it, on the left, and then to Cancel on the right

Actual:

1. The keyboard focus is moved to the right button Cancel first and then it moves left to Translate which is not the logical focus order for LTR/English and it does not follow the visual reading order of the page. It may be confusing for users with cognitive difficulties and for users with limited mobility to predict the focus behavior (like a switch device user or a voice control i.e. Dragon NS user who may command Tab four times who would need an extra keypress/command to access the primary button)

Comment 1

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

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

For more information, please visit BugBot documentation.

Comment 2

[Greg Tatum [:gregtatum]]

:ayeddi, is this accessibility bug happen on other panels like this? This ordering follows existing rules that I used implementing this. I'm wondering if it's a systemic issue.

Comment 3

[Anna Yeddi [:ayeddi]]

Attachment: Bookmarks-panel-first-focused-button.png

(In reply to Greg Tatum [:gregtatum] from comment #2)

:ayeddi, is this accessibility bug happen on other panels like this? This ordering follows existing rules that I used implementing this. I'm wondering if it's a systemic issue.

Apologies for the delay with the reply.
The Bookmarks panel, for instance, lands the focus on the left button on each platform - the screenshot from Windows is attached with the left/first button (primary one) being focused while on MacOS the secondary button is on the left and it is first in the focus order (within the panel's footer).