web-components
web-components copied to clipboard
[combobox] readonly combobox is not announced as readonly by NVDA
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
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.