I’m currently working on accessibility testing for forms, and I would really appreciate guidance on how to properly link each error message to its corresponding form field so that screen readers can correctly recognize and announce the error message displayed beneath the field.
This is the source code:
<div class="form-group-error-message show">
Please insert your name.
</div>
Maybe I would have to add an ID for the error message?
Under style I can add the attribute “aria-describedby” but I don´t know which value to set.
Thanks so much for your response,
Petra