You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Error messages or validation messages of forms are pointers that enable users identify the mistakes and rectify them. As a result, error messages should be accurate and descriptive so that users are able to provide correct information and submit the form without any problem.
Suggested resolution:
Add role="alert" attribute within 'div' to ensure that the error message is announced by the screen reader.
Action Performed:
Expected Result:
When focus lands on all text boxes the screen reader should read the error messages which are displayed on the screen.
Actual Result:
Screen reader is not read anything after select the save and continue button.
HTML Code:
div dir="auto" class="css-901oao" style="color: rgb(252, 56, 38); font-family: GTAmericaExp-Regular; font-size: 13px; line-height: 18px; margin-bottom: 4px; margin-top: 4px; padding-right: 12px; padding-left: 12px; text-align: left;">Please enter a valid name</div
Note:
Same issue repro on all pages / applications which have form fields.
Other occurrences
Workaround:
Yes
Area issue was found in:
Add a debit card
Failed WCAG checkpoints
3.3.1
User impact:
Error messages or validation messages of forms are pointers that enable users identify the mistakes and rectify them. As a result, error messages should be accurate and descriptive so that users are able to provide correct information and submit the form without any problem.
Suggested resolution:
Add role="alert" attribute within 'div' to ensure that the error message is announced by the screen reader.
Refer to:
https://www.w3.org/TR/WCAG20-TECHS/ARIA19.html
Platform:
Version Number: v1.1.49-1
Reproducible in staging?: Yes
Reproducible in production?: Yes
Issue reported by: Sumit
The text was updated successfully, but these errors were encountered: