Connect error messages with corresponding input elements

Is your feature request related to a problem? Please describe.

Accessibility issue.

Error messages should be better connected to the input fields they are belongs to. In mail app there is one place, where it takes place: form "connect your mail account".

Error messages were improved within this PR: https://github.com/nextcloud/mail/pull/6099. For good accessibility frontend- and backend error messages have to be connected to the corresponding input fields.

For example the error message: "IMAP username or password is wrong" has no connection to username or password input fields. That the user, which can use only a screen reader will never recognize this error and will not be connected to the input field, where this error belongs to.

Also all frontend messages have to be connected to corresponding input fields.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Additional context

No response

Start by reviewing the “connect your mail account” form and the error-message changes in pull request #6099. Trace the frontend and backend messages for the IMAP username and password fields, then verify that every message is programmatically associated with its corresponding input and is discoverable with a screen reader.