Field's attribute aria-labelledby references to not existing element

Compliance Data & User Impact

User Impact: Blocker

80% Complete

Disabilities Affected:

  • blindness
  • deafblindness
  • learning disabilities

WCAG Version:
2

WCAG Levels:

  • A

WCAG Guidelines:

Solution Techniques:

Automated Test Accuracy:
High

uTester Severity:
4

DRRSAG Designations:

  • description

How to Fix the Problem

The aria-labelledby attribute could be removed in case it is not necessary or it should point to the id of an existing element that can act as a label for the current element.

The Algorithm, in Simple Terms

Engine searches all the form fields on the page with aria-labelledby, however it includes an ID that dosen’t exist in the document

Why Is it Important?

Users who use assistive tools, such as screen readers rely on announcement of the elements Description, the screen readers should announce the attribute value associated with its description.

Code Example

<input name="looking For" type="text" aria-labelledby="Looking For">

Additional Information

The expected result is when the screen reader focus on the element (including in virtual mode), it will announce its content from the assosiated ID

This element perfoms as a container, and has no functionality. This container may contain another elements that has functionality or logical role.

Ignore this issue if this element has an alternative that performs the same and overrides the content of this element.

Address: 401 9th St NW, 6th Floor
Washington, DC 20004
Phone number: (888) 995-WCAG
International number: 1(888) 995-9224
Email: accessibility@user1st.com