Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

[Terra-SearchSelect] Included the "Invalid" property in the example of an invalid case and set it to true. #3972

Merged
merged 11 commits into from
Nov 17, 2023

Conversation

AH106586Harika
Copy link
Contributor

@AH106586Harika AH106586Harika commented Nov 15, 2023

Summary

Fixed - Set the aria-invalid attribute to true for error input fields and false when resolving errors.

What was changed:
Included the "Invalid" property in the example of an invalid case and set it to true.
Introduced relevant visual label for search select example.

Why it was changed:
To declare as "Invalid" through the screen reader, indicating a field error.

Testing

This change was tested using:

  • WDIO
  • Jest
  • Visual testing (please attach a screenshot or recording)
  • Other (please describe below)
  • No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

  • UX review
  • Accessibility review
  • Functional review

Additional Details

This PR resolves:

UXPLATFORM-9848
UXPLATFORM-9840


Thank you for contributing to Terra.
@cerner/terra

@AH106586Harika AH106586Harika requested a review from a team as a code owner November 15, 2023 04:35
@AH106586Harika AH106586Harika changed the title [Terra-SearchSelect] Set the aria-invalid attribute to true for error input fields and false when resolving errors. [Terra-SearchSelect] Included the "Invalid" property in the example of an invalid case and set it to true. Nov 15, 2023
@@ -1,6 +1,8 @@
# Changelog

## Unreleased
* Added
* Added 'aria-invalid' attribute to set to true for error input fields and false when resolving errors.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
* Added 'aria-invalid' attribute to set to true for error input fields and false when resolving errors.
* Added 'aria-invalid' attribute which will be set to true for error input fields and false when resolving errors.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

Comment on lines +4 to +5
* Added
* Added visual label and associated with input field using 'for' and 'id'.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
* Added
* Added visual label and associated with input field using 'for' and 'id'.
* Added
* Added visual label and associated with input field using 'for' and 'id'.

Need a line break to keep it consistent with other logs

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

@sugan2416 sugan2416 merged commit 8220010 into main Nov 17, 2023
21 checks passed
@sugan2416 sugan2416 deleted the AH106586-Terra-SearchSelect branch November 17, 2023 07:35
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants