Closed Bug 1975469 Opened 1 year ago Closed 1 year ago

Expanding <summary> does not hide the redundant ▸ symbol for screen reader users

Categories

(Core :: Disability Access APIs, enhancement)

Firefox 140
enhancement

Tracking

()

RESOLVED DUPLICATE of bug 1783925

People

(Reporter: wwenikola123, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0

Steps to reproduce:

  1. Open the following test page, using the NVDA screen reader:
    data:text/html;charset=utf-8,<html><body><h2>Details and Summary Demo</h2><details><summary>Click to expand</summary><p>This content is hidden until the summary is clicked.</p></details></body></html>
  2. Tab to the only button on the page, notice that it is correctly read as "Collapsed click to expand".
  3. Press Enter to expand the button.

Actual results:

The button is now read as "▾ Click to expand"
Even if we collapse it again, the "▸" sign remains here, making this button very verbose. If we had multiple expandable buttons, when reaching each one, we will hear, in speech, "filled right pointing small triangle", button name, and then its state (expanded or collapsed).

Expected results:

The ▸ sign should be hidden for screen reader users, as it doesn't really provide any value.

The Bugbug bot thinks this bug should belong to the 'Core::Disability Access APIs' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → Disability Access APIs
Product: Firefox → Core
Status: UNCONFIRMED → RESOLVED
Closed: 1 year ago
Duplicate of bug: 1783925
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.