1857167 - [a11y] Consider making the height of the "dismiss" option larger

Status: NEW

(Fenix :: Shopping, defect, P2)

Description

[miralobontiu]

Attachment: screenshot_Firefox Nightly_[468,184][612,265]_8589934604_2023-10-05-11 33 20.png

Prerequisites

Have the Shopping Experience enabled from Secret Settings.

Steps to reproduce

1. Have the Accessibility scanner installed and opened.
2. Go to a product's detailed page from amazon.com, bestbuy.com, or walmart.com.
3. Tap on the shopping icon from the toolbar.
4. Scan the "Review checker".

Expected behavior

There are no suggestions.

Actual behavior

Touch target
[468,184][612,265]
This item's height is 27dp. Consider making the height of this touch target 48dp or larger.
Reproducible for the opt-in Review checker, and for the bottom sheet Review checker.

Device information

• Firefox version: Nightly 120.0a1 from 10/5
• Android device: Oppo Find N2 Flip (Android 13)

Comment 1

[Anna Yeddi [:ayeddi]]

More on touch target sizes on Android in the BBC A11y Guide and in the WCAG 2.2 Success Criterion 2.5.5 Target Size (Enhanced) and Success Criterion 2.5.8 Target Size (Minimum)

Comment 2

[Vlad Dreghici [:vdreghici]]

I have investigated options for this for a while and afaik there are no options to increase touch area of a compose element as we have for views. The only alternative I found here is to wrap the handle in a box that adheres to a11y rules which leads to a much larger distance between the "Review Checker" title and the handle. Considering that the user can just touch the bottom sheet and drag it down from anywhere, not only that handle, is this worth changing? Attached image for comparison. I tagged both UX and a11y to get their opinion here.

Comment 3

[Vlad Dreghici [:vdreghici]]

Attachment: Screenshot_20231211_134932.png

Comment 4

[Vlad Dreghici [:vdreghici]]

Considering that the back button works as alternative for dismissing the review checker sheet and after the discussion with a11y we have decided to leave this as an optional fix.