web-components icon indicating copy to clipboard operation
web-components copied to clipboard

[combobox] readonly combobox is not announced as readonly by NVDA

Open knoobie opened this issue 3 years ago • 1 comments

What is the problem?

At least Firefox + NVDA annouces a readonly combobox with a pre-selected value as editable. (Haven't tested other combination)

    var cb = new ComboBox<String>("Name");
    cb.setItems(List.of("1", "2", "3"));
    cb.setValue("1");
    cb.setReadOnly(true);

NVDA german log with engl. in( )


name_of_field  Kombinationsfeld(combobox)  reduziert(reduced)  erforderlich(required)  mit AutoVervollständigung(autofill)  bearbeitbar(editable)  value_of_field ausgewählt(selected)

Note: Other fields like the TextField work correctly.

Browsers

  • [x] Chrome
  • [X] Firefox
  • [ ] Safari
  • [ ] Safari on iOS
  • [ ] Edge

Screen Readers

  • [ ] None
  • [X] NVDA
  • [ ] JAWS
  • [ ] VoiceOver on MacOS
  • [ ] VoiceOver on iOS

knoobie avatar Nov 10 '22 07:11 knoobie

Same Problem with

  • Select
  • DatePicker
  • DateTimePicker
  • IntegerField
  • Checkbox (although I am unsure if this is supposed to work, since HTML doesn't define a readonly checkbox)

and probably more. Tested with Chrome and NVDA in German.

AndreasSamjeske avatar May 24 '24 10:05 AndreasSamjeske