Checks for potentially problematic use of ARIA roles and attributes.
ARIA (Accessible Rich Internet Applications) is a set of attributes that can be added to HTML elements to make them more accessible, especially for complex UI components like menus or sliders. This check looks for common ARIA errors.
While ARIA can be very powerful, incorrect usage can make a page even less accessible than it was before. The first rule of ARIA is 'Don't use ARIA' if a native HTML element with the right semantics already exists.
Incorrect ARIA can confuse or mislead assistive technologies, leading to a frustrating user experience.
<!-- BAD: Using a role that conflicts with the element -->
<h1 role="button">Click me</h1>
<!-- GOOD: Adding state to a custom button -->
<div role="button" aria-pressed="false" tabindex="0">Custom Button</div>Run a free audit to see how your site performs on ARIA Usage and 159 other checks.
Start Free AuditChecks for proper use of semantic tags like <main>, <nav>, etc.
Ensures headings (<h1>-<h6>) are logically ordered and not skipping levels.
Ensures all form inputs have associated labels for accessibility.
Checks if all interactive elements are reachable via the Tab key.