Prerequisites
Describe the issue
Hello,
first, there's no visual indication of required fields (like a "" or something else but explained in text before the form ex.: " Required f'ields"),
it's a violation of WCAG 3.3.2 Labels or instructions,
There is no programmatic link between error messages and input fields after a form validation,
it's a violation of WCAG 3.3.1 Error Identification,
to correct this , you can add an aria-labelledby with the id of the label and the id of the error message,
may also use an aria-invalid="true"
Reduced test cases
https://getbootstrap.com/docs/5.2/forms/validation/
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome, Firefox
What version of Bootstrap are you using?
5.2.x
Prerequisites
Describe the issue
Hello,
first, there's no visual indication of required fields (like a "" or something else but explained in text before the form ex.: " Required f'ields"),
it's a violation of WCAG 3.3.2 Labels or instructions,
There is no programmatic link between error messages and input fields after a form validation,
it's a violation of WCAG 3.3.1 Error Identification,
to correct this , you can add an aria-labelledby with the id of the label and the id of the error message,
may also use an aria-invalid="true"
Reduced test cases
https://getbootstrap.com/docs/5.2/forms/validation/
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome, Firefox
What version of Bootstrap are you using?
5.2.x