Valid
- <button aria-label="Close"></button>
web validator
ARIA Label Validator
Check elements with ARIA attributes or roles to ensure they include labeling (aria-label or aria-labelledby).
Results
Processing…- Status
- Processing...
- Details
- Processing...
- Elements with aria/role
- Processing...
- Missing labels
- Processing...
How to use this validator
- Paste the HTML snippet containing interactive elements.
- Run validate to find aria/role elements missing labels.
- Add aria-label or aria-labelledby (or aria-hidden=true for decorative elements) and re-run.
Rules & checks
Finds elements with any aria-* attribute or a role attribute.
Skips elements marked aria-hidden="true".
Flags elements missing aria-label and aria-labelledby.
Runs entirely client-side/offline; no data leaves the page.
Inputs explained
HTML snippet
Paste HTML with elements that use aria-* or role. We’ll flag those lacking aria-label/aria-labelledby (unless aria-hidden=true).
When to use it
- QA interactive elements for accessibility
- Check custom components for ARIA labeling
- Support teams reviewing user-submitted HTML
Common errors
- Elements with role but no aria-label/aria-labelledby
- Forgetting to skip purely decorative elements (use aria-hidden="true")
Limitations
- Presence-only check; does not validate full ARIA role/attribute correctness.
- Does not assess label quality or context.
Tips
- Use aria-label for concise, visible-name equivalents
- Use aria-labelledby when an existing element already names the control
- Mark purely decorative elements as aria-hidden="true"
Examples
Missing label
- <div role="button"></div> -> flagged (no aria-label/aria-labelledby)
Deep dive
This ARIA validator finds elements with roles/aria attributes that lack accessible labels, all in your browser.
Use it to tighten accessibility for custom components before shipping.
FAQs
- Is anything uploaded?
- No. Parsing is local and clears on refresh.
Related validators
Checks presence of labels only; does not validate full ARIA role/attribute correctness.