Merge pull request #571 from openedx/sajjad/VAN-548

fix: Add aria-Invalid="true" to error-state fields

Author: syedsajjadkazmii

src/common-components/FormGroup.jsx

@@ -26,6 +26,7 @@ const FormGroup = (props) => {
         as={props.as}
         readOnly={props.readOnly}
         type={props.type}
+        aria-invalid={props.errorMessage !== ''}
         className="form-field"
         autoComplete={props.autoComplete}
         name={props.name}

src/common-components/PasswordField.jsx

@@ -63,6 +63,7 @@ const PasswordField = (props) => {
           type={isPasswordHidden ? 'password' : 'text'}
           name={props.name}
           value={props.value}
+          aria-invalid={props.errorMessage !== ''}
           onFocus={handleFocus}
           onBlur={handleBlur}
           onChange={props.handleChange}