2056317 - [a11y] Button lacks accessible name

Status: RESOLVED FIXED

(Firefox :: New Tab Page, defect)

Description

[Claire Joeckel]

Attachment: Screenshot 2026-07-20 105254.png

Impacted Section/Element

HNT ("Weather change location" dialog, "List" widget)

Steps to Reproduce

On HNT, open DevTools. Activate the ••• button in the top right corner of the "Weather" widget, and activate the "Change location" button in the dropdown. In the resulting dialog, inspect the x icon button in the "Search location" input. On HNT while the "List" widget has two or more lists, there is an arrow icon button to the right of the list name. Inspect that button.

Expected Behavior

name conveys button function.

Actual Behavior

name is undefined.

User Impact

Visual users can associate the x icon button with the "Search location" input based on proximity. Screen reader users know that the button immediately follows the input, but won’t be certain whether the button is still associated with the item or they have moved on to something else. For the arrow icon button in the "List" widget, it has the function of "Change List".

WCAG 2.2 References

• WCAG 4.1.2 - Name, Role, Value

Recommendations

Apply aria-label="Clear" to the x icon button. Apply aria-label="Change List" to the arrow icon button.

Testing Environment

Any

Assistive Technology Used

Any or None

Further Reference

• WebAIM: Accessible Name Computation

Severity

2-Significant

Comment 1

[BugBot [:suhaib / :marco]]

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

For more information, please visit BugBot documentation.

Comment 2

[James Teh [:Jamie]]

The severity should only be set by the triage owner. Thanks.

Comment 3

[Reem Hamoui]

I'm going to apply aria-label="Clear text" for the weather input's X button so as to match what we currently have in topsites/shortcuts: https://searchfox.org/firefox-main/source/browser/locales/en-US/browser/newtab/newtab.ftl#68

Comment 4

[Reem Hamoui]

Attachment: Bug 2056317 - Add aria-labels and tooltips to inline form buttons in Weather and Lists widgets. r=#home-newtab-wattle-reviewers-rotation

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/425eb6819662
https://hg.mozilla.org/integration/autoland/rev/180ec0496b15
Add aria-labels and tooltips to inline form buttons in Weather and Lists widgets. r=fluent-reviewers,nina-py,bolsson

Comment 6

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/180ec0496b15