Free scan

Fix "Invalid ARIA attribute value" in HTML

Why it's a problem

An ARIA attribute given a value outside what it accepts (aria-expanded="yes", aria-labelledby pointing at a missing id) conveys wrong information or none at all.

How to fix it — HTML

Respect the expected type: true/false for boolean states, an id that EXISTS in the page for references (aria-labelledby, aria-controls, aria-describedby). Check the target id was not renamed.

Avoid
<button aria-expanded="oui" aria-controls="menu-principal">Menu</button>
<ul id="menu">…</ul>
Correct
<button aria-expanded="false" aria-controls="menu">Menu</button>
<ul id="menu" hidden>…</ul>

Check your site in 30 seconds

Conformly detects this kind of issue across all your pages, continuously, and alerts you on every regression.

Free scan

Other fixes