[BUG] Form Field: The error messages below a form-field is never read from a screen reader

[Fuzzy3]

• [x] I have written a good issue

Describe the bug

When filling out a form field, an error message appears if it is incorrectly filled out. However when this error message appears it is never read aloud by the screen reader and thus the blind user will never be notified that the form field was incorrectly filled out

More info: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage

Describe how to reproduce the bug

1. Find a form using kirby form fields
2. Turn on screen reader
3. Tab into kirby input
4. Type invalid input
5. Tab away and watch error message appear without the screen reader saying anything

Add any screenshots

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

• [ ] Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• [ ] Make sure you have read: "Before you get coding".
• [ ] Signal to others you are working on the issue by assigning yourself.
• [ ] Create a branch from the develop branch following our branch naming convention.
• [ ] Create a test that reproduces the bug following guidelines in: "The good: Test".
• [ ] Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

• [ ] Do a self-review.
• [ ] Create a pull-request.