Empty aria-label Attribute

Compliance Data & User Impact

User Impact: Critical

100% Complete

Disabilities Affected:

  • blindness
  • deafblindness

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

Remove the aria-label attribute, or use an appropriate description for the value.

The Algorithm, In Simple Terms

The engine scans all elements with an aria-label attribute, and checks if it is empty or contains only spaces.

Why Is It Important?

The screen reader may fail to announce the description of the element.

Code Example

<div role="navigation" aria-label="Primary">
    <ul>
        <li>Primary Link 1</li>
        ...
         <li>Primary Link N</li>
    </ul>
</div>
<div role="navigation" aria-label="Secondary">
    <ul>
        <li>Secondary Link 1</li>
        ...
         <li>Secondary Link N</li>
    </ul>
</div>

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