Hi SmartGWT Team,
I am working on accessibility improvements and had a question regarding validation error/alert behavior in different UI scenarios.
In a simple DynamicForm, when I use "setShowErrorText(true);", I am able to see the error message and also it is announced by the screen reader.
However, I am seeing different behavior in below cases:
1. Complex UI (main section + detail pane):
When a single Save button validates the entire screen, and the error occurs in a TextItem inside a detail pane:
https://smartclient.com/smartgwt/sho...ep_match_value
2. ListGrid cell validation:
When a cell value is invalid, an error icon is shown beside the cell:
Example:
https://smartclient.com/smartgwt/sho...ata_validation
Question:
Could you please guide if there is any recommended approach or best practice to ensure validation errors are properly announced and accessible in these scenarios using keyboard control and screen-reader mode?
Thank you for your help!
I am working on accessibility improvements and had a question regarding validation error/alert behavior in different UI scenarios.
In a simple DynamicForm, when I use "setShowErrorText(true);", I am able to see the error message and also it is announced by the screen reader.
However, I am seeing different behavior in below cases:
1. Complex UI (main section + detail pane):
When a single Save button validates the entire screen, and the error occurs in a TextItem inside a detail pane:
- The error is shown visually
- But it is not announced by the screen reader
- Focus does not move to the invalid field
https://smartclient.com/smartgwt/sho...ep_match_value
2. ListGrid cell validation:
When a cell value is invalid, an error icon is shown beside the cell:
- The icon is not keyboard accessible
- Screen reader does not read/announce the error
Example:
https://smartclient.com/smartgwt/sho...ata_validation
Question:
Could you please guide if there is any recommended approach or best practice to ensure validation errors are properly announced and accessible in these scenarios using keyboard control and screen-reader mode?
Thank you for your help!
Comment