Empty aria-label Attribute

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>