1900817 - [a11y] Consider making the webpage URL from Custom tab larger

Status: NEW

(Fenix :: Toolbar, defect)

Description

[Vasilica Tamas QA [:vtamas]]

Attachment: Screenshot_20240605_170136_Accessibility Scanner.jpg

Steps to reproduce

1. Have Accessibility Scanner installed.
2. Open an external browsing app (i.e. Gmail).
3. Open a link to a website.
4. Scan the Custom tab using the Accessibility Scanner.
5. Check the custom tab toolbar.

Expected behavior

No suggestions are made.

Actual behavior

This item's height is 18dp. Consider making the height of this touch target 48dp or larger. A par3ent container mey be handling touch events for this item. If selecting the larger container performs the same action as selecting this item, consider defining this item as not clickable. If a different action is performed, consider increasing the size of this item.

Device information

• Firefox version: Firefox Nightly 128 (2024-06-05)
• Android device model: Samsung Galaxy Tab S8 Ultra
• Android OS version: Android 12

Comment 1

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

The Bugbug bot thinks this bug should belong to the 'Fenix::Toolbar' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Anna Yeddi [:ayeddi]]

As with the bug 1900816, I'm setting the accessibility severity to access-s4 because in this specific case, the row above the URL/domain of the page (the tab's title) should have the same target as the title, thus extending the interactive area for the same target.

In general, as Vasilica mentioned above, it's expected that interactive target areas are to be 48dp or larger to allow users with limited dexterity and users on the go to better target and tap controls (per WCAG 2.2 Level AAA Success Criteria 2.5.5 and 2.5.8 Target Size (Enhanced and Minimum)). More details could be found in BBC Accessibility guide.