2008141 - Button has redundancy between description and accessible name (Widgets > ✖ button)

Status: RESOLVED DUPLICATE of bug 2008142

(Firefox :: New Tab Page, defect)

Description

[John Northup]

Steps to Reproduce

While using a screen reader, inspect the ✖ button in the Widgets section.

Expected Behavior

Between name and description, button function is conveyed both completely and concisely.

Actual Behavior

Redundancy exists between name and description.

User Impact

Redundancy for screen reader users.

WCAG 2.2 References

Best practice only.

Recommendations

Keep the aria-label attribute but avoid using the title attribute as a tooltip generally. It is not visible on keyboard focus and is redundantly announced by screen readers.
If a tooltip hint is desired, implement an on-hover/on-focus tooltip and associate it with the button using aria-describedby.

Testing Environment

Any

Assistive Technology Used

Any or None

Code Pointers

<button id="main-button" title="Close" aria-label="Close menu">

Further Reference

• WebAIM: Accessible Name Computation
• Deque: Tooltip Example

Comment 1

[John Northup]

Attachment: Top of Widgets section

Comment 2

[Oana Botisan, Desktop QA]

Managed to reproduce this issue on macOs 13 using Nightly 149.0a1. I will set this request as "NEW" to allow the engineering team to consider whether they will implement the fix or not.

Comment 3

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

The same issue is described in bug 2008142 for Widgets > Expand/Minimize widgets button (same component)

Comment 4

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

Assigning the Severity value to align with the Accessibility severity, per discussions with :thecount and :marco