Describe the bug

The checkmarks that display next to each met requirement is the only communication that the user has/hasn't met the given requirements. Users who are blind or visually impaired will rely on screen readers to convey the meaning behind the checkmarks (or lack of). I would recommend adding an aria-label to each list item that communicates the status of each requirement.

Something like (using the example shown in the screenshot):
aria-label="Use at least one uppercase character (Checked)"
or
aria-label="Use at least one number (Not Checked)"

Steps to reproduce the bug

1. Navigate to feature using Validation component
2. Listen to what is read aloud by a screenreader (e.g. on mac, VoiceOver)

• Notice - no context is given about what is checked or not checked

Expected behavior

Screen readers should read the content of the Validation component, communicating with the user which items have met requirements and which have not.

Screenshots