Element uses an invalid target Id for the aria-describedby attribute
| Field | Value |
|---|---|
| Rule code | Aria_DescribedBy_Invalid |
| WCAG conformance level | A |
| WCAG success criterion | 4.1.2 Name, Role, Value |
| Must be fixed at source | No |
Description
If you use the aria-describedby attribute, it must refer to an in-page element with the matching specified id. We detected that the aria-describedby value used does not point to an existing in-page element with that same identifier id value.
How to fix
The expected value of the aria-describedby attribute is one or more ids. Those Ids must reference elements that are on the current page. Make sure that the Ids are always unique and that the referenced elements exist on the page.
<label for="url">Website URL</label>
<input type="url" name="url" id="url" aria-describedby="url-help">
<p id="url-help">Please include <code>http://</code> or <code>https://</code>.</p>