The "Permissions" page of the Calendar section of the environment allows the user to change permission settings of the currently selected calendar through a table with a series of checkboxes. Currently these checkboxes are provided a label via the HTML <label> attribute. However the <label> element wraps the <input> (instead of simply wrapping the label text), and the <span> of text that comprises the label is placed off-screen with CSS via the display:none property. This effectively hides the <label> from accessibility technologies and prevents a screen reader user from being able to discern the label for each presented checkbox.
Developers must ensure that proper programmatic labels are utilized for all form fields in the environment. The HTML <label> element currently utilized is appropriate, however the <label> must not wrap the <input> element it corresponds to. Further, the <span> of text placed inside the <label> must not be assigned the CSS display:none property. The text can be positioned off-screen with CSS other ways, but the display:none property must not be used.