1893053 - Select and checkbox controls on the about:newtab page's settings dialog have subtle focus indication

Status: NEW

(Firefox :: New Tab Page, defect)

Description

[Anna Yeddi [:ayeddi]]

Attachment: Subtle focus indication of the Select dropdown and a checkbox

The focus indication is very subtle for the checkboxes and combobox with the row numbers for Shortcuts on the Settings dialog of the about:newtab page.

Being able to easily discern where the keyboard focus is located and follow it while navigating the page is crucial for the keyboard-only users, especially those with limited vision or with a glare on their screens. It is also important for users with cognitive difficulties and users with color deficiency to be able to tell apart a focused and not focused control to avoid activating wrong element.

It is recommended that the focus outline to follow the default browser behavior or to provide at least 2px thick perimeter around the control and to ensure this outline provides at least 3:1 in color contrast between both the page background and the non-focused control appearance.

Comment 1

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

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

For more information, please visit BugBot documentation.

Comment 2

[Maxx Crawford [:maxx]]

Triage note: UX laid out all the different interaction states for reference for the customize panel:

https://www.figma.com/design/IBWq1tsiJqG4fyXWUKligD/HNT-Library?node-id=1-2559&t=0epABJ6Ex5HqQUjf-1