Required ARIA attributes are missing

Message shown by axe and Lighthouse: Required ARIA attributes must be provided · aria-required-attr · WCAG 4.1.2

What it means and why it matters

Widgets like sliders or checkboxes need specific attributes (e.g. aria-checked) to convey their state (WCAG 4.1.2).

How to fix it

Add the required attributes for the element's role.

Code example

Before

<div role="checkbox" tabindex="0">Gift wrap</div>

After

<div role="checkbox" tabindex="0" aria-checked="false">Gift wrap</div>

All accessibility errors