1958384 - [toolbar redesign] Two rows of toolbar creating a focus order that is different from the visual reading order

Status: NEW

(Firefox for Android :: Toolbar, defect)

Description

[❌ Anna Yeddi [:ayeddi] ❌ On leave until 2027-01-04]

Attachment: Firefox Nightly reading order is from the webcontent to the top then bottom of the toolbar.mov

Steps to reproduce

1. Run TalkBack and open Firefox
2. On the New Tab page, navigate with TalkBack in logical order (by swiping with one finger left-to-right) until the end of the web view
3. Continue navigating down the page and observe the TalkBack behavior

Expected behavior

1. Once TB reaches the end of the web view, it would read the second row of the toolbar - visually next row in the reading order.
2. Continuous navigation allows TB to wrap the focus and start announcing the first row of the toolbar, then moving to the web view.
3. When the Firefox just opened, the first element TalkBack focuses is the first element on the first row of the toolbar (the URL bar/search control) - visually the topmost left element (for LTR language), Chrome browser follows this expected behavior too.
4. The reading order of the page is followed by the reading order of TalkBack:
   1. first row of toolbar (with search selector, URL bar, Refresh, page actions) >
   2. web view >
   3. second row of the toolbar (with Back, Forward, New tab, tabs, and menu controls)

Actual behavior

1. Once TB reaches the end of the web view, it would wrap the focus to read the first row of the toolbar, skipping the second row and jumping up the visual reading order.
2. Continuous navigation causes TB to jump over the web view from the top of the page to the bottom of it to the second row of the toolbar.
3. When the Firefox just opened, the first element TalkBack focuses is the first element on the webview - visually the second group of UI (for LTR language), causing users to miss the topmost controls (first row of the toolbar) until they reviewed the entire page of web content.
4. The reading order of the page is followed by the reading order of TalkBack:
   1. web view >
   2. first row of toolbar (with search selector, URL bar, Refresh, page actions) >
   3. second row of the toolbar (with Back, Forward, New tab, tabs, and menu controls)

Device information

• Firefox version: Firefox Nightly 138.0a1 (build #2016082399)
• Android device model: Samsung Galaxy A54 5G
• Android OS version: 14

Any additional information?

refer to the notes in the Actual behavior above

Comment 1

[BugBot [:suhaib / :marco]]

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

For more information, please visit BugBot documentation.