Fix "Required ARIA attribute missing" in HTML
Why it's a problem
Some roles only make sense with a state: a checkbox without aria-checked, a slider without aria-valuenow. The screen reader announces the widget but not its value — the user cannot tell if the box is ticked.
How to fix it — HTML
Add the attributes the role requires and keep them updated in JavaScript on every state change. Or replace the custom widget with the native element (<input type="checkbox">, <input type="range">), which manages state on its own.
<div role="checkbox" tabindex="0">Recevoir la lettre</div><div role="checkbox" tabindex="0" aria-checked="false">Recevoir la lettre</div>
<!-- Ou, bien plus simple : -->
<label><input type="checkbox"> Recevoir la lettre</label>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