Unknown ARIA role

Why does it matter?

A misspelled or invented role is ignored by assistive technology, so the element loses the meaning its author intended.

Who it affects: Screen reader and keyboard users, who depend on ARIA and focus order being correct to understand and operate the page.

What does Lumtera flag?

role attributes whose value is not a valid ARIA role.

Check ID aria-invalid-role — use it to filter the content report or with wp lumtera issues --rule.

How do I fix it in WordPress?

Correct the spelling of the role, or remove the role attribute. Native HTML elements (button, nav, ul) already carry the right role and are the better choice.

Example

<div role="buton">Subscribe</div>

<button type="button">Subscribe</button>

How do I check the fix?

1. Update the post. The issue disappears from the Lumtera Accessibility sidebar on the next check, and from the site report on the next scan.
2. Press Tab from the top of the page. Focus should move in reading order and never land on something invisible or silent.