Open Bug 1835860 Opened 10 months ago Updated 4 months ago

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

Categories

(Firefox :: Translations, defect, P3)

Desktop
Windows 11
defect

Tracking

()

Accessibility Severity s3

People

(Reporter: ayeddi, Unassigned)

References

(Blocks 1 open bug)

Details

(Keywords: access)

Attachments

(2 files)

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)
No longer depends on: 1835406
Summary: Focus order of buttons on the Translate This Page panel is not following visual reading order → [Win] Focus order of buttons on the Translate This Page panel is not following visual reading order
Accessibility Severity: --- → s3
Whiteboard: [access-s3]
Blocks: 1820214

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

For more information, please visit BugBot documentation.

Flags: needinfo?(enordin)
Severity: -- → S3
Flags: needinfo?(enordin)
Priority: -- → P3

: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.

Flags: needinfo?(ayeddi)
No longer blocks: 1820214
Flags: needinfo?(ayeddi)

(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).

Blocks: 1865367
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: