Checks that buttons, links, form controls, and custom widgets have accessible names for screen readers.
This check verifies that all interactive elements (buttons, links, form inputs, SVG icons, iframes, and custom components with interactive ARIA roles) have accessible names that screen readers can announce. An accessible name comes from visible text, `aria-label`, `aria-labelledby`, `alt` text, or `title` attributes.
Without accessible names, screen reader users hear elements announced as 'button', 'link', or 'image' with no indication of what they do. This makes your site effectively unusable for blind and low-vision users who rely on screen readers.
Missing accessible names are one of the most common and impactful accessibility barriers. They affect WCAG 2.1 Level A compliance (the minimum level) and can result in legal liability under accessibility legislation in many jurisdictions.
<!-- Good: Button with accessible name -->
<button aria-label="Close dialog">✕</button>
<!-- Good: Icon-only link with visually hidden text -->
<a href="/search"><span class="sr-only">Search</span><svg>...</svg></a>
<!-- Bad: No accessible name -->
<button><svg>...</svg></button>Run a free audit to see how your site performs on Accessible Name Audit 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.