1996219 - Consider increasing button target size for zoom and fullscreen buttons in main menu

Status: NEW

(Firefox :: Menus, defect)

Description

[Will]

Attachment: EdgevsFirefoxvsChromezoom.png

The page zoom – + and fullscreen buttons in the main menu are very small (making them difficult to target), to the point that I'm not sure they meet accessibility minimums! They are also much smaller than the equivalent buttons in Chrome and Edge (Observe attached screenshot. Top is Edge, middle is Firefox and bottom is Chrome)

Also a small note: in Firefox, the fullscreen button is square instead of circular and also seems to be slightly larger than the zoom – + buttons. For visual and functional consistency, it probably makes sense to have all 3 buttons the same size and appearance, just like we see in Edge and Chrome.

Comment 1

[Will]

Please can this be put in the accessibility section so the team can see it? thank you :)

Comment 2

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

Thank you for reporting it, Will!

This is an Accessibility Severity 2 (access-S2) issue because the interactive target areas are smaller than 24 x 24 CSS px (per WCAG 2.2 Level AA Success Criterion 2.5.8 Target Size (Minimum) and per Firefox Accessibility triage guidelines).

[ETA: the current size of these toolbarbuttons is 16 x 16 CSS px which is usually the size of the icon itself, not the whole control including clickable padding]

It's expected that interactive target areas are to be 24 CSS pixels or larger to allow users with limited dexterity and users on the larger screens to better target and click controls. Increasing the size of the icon could be an option to also improve its visibility, but at minimum increasing the padding space around the search icon would help to increase the clickable (interactive) area of these buttons.

Comment 3

[Will]

Thank you! And perfect timing because this can be done nicely as part of the Nova redesign