primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Dropdown: screen reader reads "edit" for read only dropdown

Open arnodemer opened this issue 1 year ago • 6 comments

Describe the bug

incorrect drodown status is read by screen reader (using NVDA)

Reproducer

No response

PrimeReact version

10.5.1

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

Got to dropdown showcase: https://primereact.org/dropdown/ Start NVDA screen reader, Give focus to Basic dropdown (a read only one) NVDA reads: "edit read only opens list blank"

Secondary: when opens dropdown list and move selected item, screen reader reads "blank" where as selected item has not blank text.

Expected behavior

As dropdown is not editable, expect to read: "dropdown read only opens list blank" (should replace "edit" by "dropdown")

arnodemer avatar Feb 22 '24 09:02 arnodemer

I think this is fixed already for upcoming 10.5.2 release: https://github.com/primefaces/primereact/issues/1413

melloware avatar Feb 22 '24 12:02 melloware

Hi @melloware , do you think #1413 also fix the word "blank" that need to be replaced by dropdown selected text?, thanks.

arnodemer avatar Feb 27 '24 08:02 arnodemer

@arnodemer you will have to let me know after the next release comes out. I think it will but not sure.

melloware avatar Feb 27 '24 12:02 melloware

Did you test this with 10.5.3 @arnodemer ??

melloware avatar Mar 20 '24 22:03 melloware

Hi @melloware , Using dropdown showcase with 10.5.3, screen reader still reads "edit read only opens list blank" (no changes). If I open dropdown panel using space and navigating in menu using arrow keys, NVDA reads 'blank': image

arnodemer avatar Mar 25 '24 09:03 arnodemer

OK I removed the In Progress label since this is not fixed.

melloware avatar Mar 25 '24 12:03 melloware