A11y: Connect switches and information text so that the two are linked for screen readers

[daniellekirkwood]

The designation including the information text of the switch is not linked to
the associated control element (example marked in blue). Therefore, when the
toggle is focused, the caption is not read out by the screen reader, making it difficult
for blind users to access the form.

This applies to all switches in "Settings"

Suggestion: Labels should be surrounded by a label tag, which is linked to the associated control element (example marked in red) using the for attribute and an id.

Please ask @daniellekirkwood about timesheeting

[NSV1991]

@daniellekirkwood @gsouquet I like to work on this issue

[daniellekirkwood]

Thanks!

[t3chguy]

Fixed by matrix-org/matrix-react-sdk#10553