Empty aria-label attribute

How to Fix the Problem

In case the form control is labelled elsewise, remove the aria-label attribute. If no other label is available, use a value which properly describes the form control.

The Algorithm, in Simple Terms

Scans all form controls using an aria-label attribute and checks if it empty or contains spaces only.

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>...a list of links here ...</li></ul> ...</div>

<div role="navigation" aria-label="Secondary">

<ul><li>...a list of links here ...</li> </ul></div>