2008143 - Button lacks accessible name (Task list widget > ••• button)

Status: RESOLVED FIXED

(Firefox :: New Tab Page, defect)

Description

[John Northup]

Steps to Reproduce

Open DevTools. Inspect the ••• button at the top of the Task list widget.

Expected Behavior

name conveys button function.

Actual Behavior

name is undefined.

User Impact

Visual users can associate the button with the Task list widget widget based on proximity. AT users know that the button immediately follows the Task list widget combobox, but won’t be certain whether the button is still associated with the Task list widget or they have moved on to something else.

WCAG 2.2 References

• WCAG 4.1.2 - Name, Role, Value

Recommendations

Apply aria-label="List options" to the button.

Testing Environment

Any

Assistive Technology Used

Any

Code Pointers

<moz-button classname="lists-panel-button" iconsrc="chrome://global/skin/icons/more.svg" menuid="lists-panel" type="ghost" data-l10n-attrs="label,tooltiptext" size="default" iconposition="start">
  <link rel="stylesheet" href="chrome://global/content/elements/moz-button.css">
  <button id="main-button" aria-expanded="false" aria-haspopup="menu">
    <span part="button" class=" button-background " type="ghost" size="default">
      <img role="presentation" src="chrome://global/skin/icons/more.svg">
      <label is="moz-label" part="moz-button-label">
        <slot></slot>
      </label>
    </span>
  </button>
  <link rel="stylesheet" href="chrome://global/content/elements/moz-label.css">
</moz-button>

Further Reference

• WebAIM: Accessible Name Computation

Comment 1

[John Northup]

Attachment: Task list widget with ••• disclosure expanded

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]

Attachment: Task list > "..." 3dot button is focused with VoiceOver and VO output is: "menu pop up collapsed, button"

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

Comment 5

[Sameeksha]

Hi, I would like to work on this issue. Will submit a patch soon. Thanks!

Comment 6

[Sameeksha]

Attachment: Bug 2008143 - Add aria-label attribute to Task Lists Widget context menu button. r=thecount

Comment 7

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/720bf4dea8b2
https://hg.mozilla.org/integration/autoland/rev/623cbf581efb
Add aria-label attribute to Task Lists Widget context menu button. r=thecount,fluent-reviewers,flod

Comment 8

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/623cbf581efb