-
Notifications
You must be signed in to change notification settings - Fork 592
Description
Target Platforms
Other
SDK Version
1.6
Application Name
Adaptive Cards
Problem Description
Test Environment:
URL: https://adaptivecards.io/
OS Version: 25H2 (OS Build 26200.5761)
Browser Version: Version 145.0.3734.1 (Official build) dev (64-bit)
Repro Steps:
- Open the above URL on the Edge Dev browser.
- Navigate to the 'Samples' control present on the header section of the page using tab key and activate using enter key.
- Navigate to the 'Inputs with validation' control present on the left navigation using tab key and activate using enter key.
- Navigate to the 'Email' and 'Phone' edit field using tab key and enter any invalid data to them.
- Navigate to the 'Submit' button using tab key and activate using enter key.
- Verify that, proper validation error message is set for the 'Email' and 'Phone' edit field on after filling invalid data present on the 'Inputs with validation Sample' page or not.
Actual Result:
Proper validation error message is not set for the 'Email' and 'Phone' edit field on after filling invalid data present on the 'Inputs with validation Sample' page. On after activating the 'Submit' button no error message displayed.
Expected Result:
A proper validation error message should be displayed and set for the 'Email' and 'Phone' edit field on after filling invalid data present on the 'Inputs with validation Sample' page. Additionally, the error message should have a sufficient contrast ratio with their adjacent background color, and the screen reader should properly announce the information regarding it.
User Experience:
Users who rely on screen readers or other assistive technologies will be impacted if proper validation error message is not set for the 'Email' and 'Phone' edit field on after filling invalid data present on the 'Inputs with validation Sample' page due to which users are not informed of invalid data entry and might get confusion, and they may unknowingly submit incorrect information.
WCAG Reference:
https://www.w3.org/WAI/WCAG22/Understanding/error-identification.html
Have feedback to share on Bugs ? please tag bug as “A11yRCA” and add your feedback in the comment section
Screenshots
Proper.validation.error.message.is.not.set.for.the.Email.and.Phone.edit.field.on.after.filling.invalid.data.present.on.the.Inputs.with.validation.Sample.page.mp4
Card JSON
NASample Code Language
No response
Sample Code
No response
