Make sure that all input elements are connected to corresponding labels

Steps to reproduce

In general, most input fields lack label-texts. Placeholders are used instead, but since that text disappears as soon as the user starts to type in the field this is not enough to comply with this success criterion.

1. Choose any of input element on the page.
2. Check, if input has a connected label.
3. If not - add a right label. If this label should be hidden - there are some techniques to do it:

Implementation suggestion: https://www.w3.org/WAI/tutorials/forms/labels/
https://austingil.com/how-to-build-html-forms-right-accessibility/#Labels

Expected behavior

Every input have to have connected label.

A label and the form-element it identifies must be connected in the code. That way users with assistive technology such as screen readers can easily understand the purpose of the form-element.

Unfortunately, we saw several places where labels and their form-elements aren’t connected, making them challenging to use for screen reader users.

Actual behaviour

Not every input has a label

Calendar app version

No response

CalDAV-clients used

No response

Browser

No response

Client operating system

No response

Server operating system

No response

Web server

No response

Database engine version

No response

PHP engine version

No response

Nextcloud version

3.3.2

Updated from an older installed version or fresh install

No response

List of activated apps

No response

Nextcloud configuration

No response

Web server error log

No response

Log file

No response

Browser log

No response

Additional info

No response

Start by auditing the Calendar app's pages for input elements and checking whether each has a connected label, using the WAI forms-label guidance linked in the issue. Done means every input has an accessible, connected label, including labels that are visually hidden where appropriate; the issue names no files or tests, so locating all affected views requires project-wide investigation.