ADA Compliance – Login Buttons
-
Hello,
We are gettting a few critial fails on ADA scans as follows for the login page using the [swpm_login_form] shortcode:
<input?type=”checkbox”?id=”swpm-password-toggle-checkbox”?data-state=”password-hidden”>
Explanation:
Provide an accessible name for <code>input</code> elements with the label element whenever an on-screen label is present. The label element’s value is then explicitly associated with the relevant form field using the for and id attributes. Use of the label element provides an added benefit as it increases the target area that users can click to focus the form field. In certain instances, however, it is impractical or ‘undesirable’ to use an explicit label for a form field; this is largely driven by the fact that the value between the opening and closing label tags must, by definition, be a block of displayed text.
When on-screen text is not available or can not programmatically be contained in a label (such as when a field is placed in a data table with a column label and a row label) – authors can use another method to provide an accessible name such as by using the title, aria-label, or aria-labelledby attribute to provide the label. The aria-labelledby attribute must contain one or more IDs of elements that label the form field. The <code>aria-label</code> attribute should only be used when on-screen labels can not be used. Authors should place the string that labels the form field in the aria-label attribute.
Since this is core to your plugin – can you advise how to correct this?
Best,
Michael
- The topic ‘ADA Compliance – Login Buttons’ is closed to new replies.