form-js
form-js copied to clipboard
Make error messages accessible
Describe the Bug
Currently, @bpmn-io/form-js
shows errors, but there's nothing connecting these errors to the appropriate fields. This can be achieved by some methods described on this link
Steps to Reproduce
- Model a form that has a field with a validation
- Render this form and try to submit it with invalid
- The error message is shown, but it's not accessible (The field doesn't have any
aria-describedby
prop pointing to the error)
Expected Behavior
The error messages should be accessible
Makes sense. Contributions are welcome to improve the situation.
Some good practices in terms of accessible error feedback: https://formik.org/docs/examples/instant-feedback