Background

See Epic: T384758: [Epic] Add Tabbed Browsing to the iOS App (Tabs)

Requirements

• Ensure back behavior is working as expected across tabs
• ‘Back’ button takes users back to the previous item they visited.
  • Example flow for switching tabs:
    • User is on ‘Explore’ → Taps Polar bear → Opens Arctic in a new tab and switches to it → Opens Polar region → Opens Earth
    • Taps ‘Back’ on Earth → Taps ‘Back’ on Polar region → Taps ‘Back’ on Arctic [user is taken to the previous tab] → Tabs ‘Back’ on Polar bear → User is back on ‘Explore’
• ‘Back’ button label: whenever possible, show the label of the previous destination next to the back button to make navigating articles easier. It has helped users immensely to navigate the prototype in usability testing (T389390) and understand what happens
• Filter out non-article detours (talk pages, article history, files)

Nice to have - to be done on separate tasks

• Animate the tabs icon (increase then decrease its size) when users tap ‘Open in new background tab’ to emphasize that a new tab has opened. Some users didn’t realize the tab opened in the background since the interface didn’t respond (T389390) #nicetohave
• If the label on the back button is too long, apply truncation (ellipsis with …)

Designs

Figma	Figma	Figma	Figma	Figma	Figma

Engineering Notes

• The coordinator work we do in T392917, T392400, T392167, and T392398 should naturally allow this logic to work without additional work. This will be more of a testing-only task for engineers to confirm back behavior is working as expected.