Catch missing labels

ARIA Label Checker

Paste an HTML snippet and instantly flag buttons, links and form fields that screen reader users would hear as unlabeled.

    How it works

    1

    Paste your markup

    Copy an HTML fragment — a toolbar, a form, a card component — into the box, entirely client-side.

    2

    Elements get checked

    Every button, link, and form field is checked for aria-label, aria-labelledby, visible text, alt text or a wrapped label.

    3

    Fix what's flagged

    Each violation shows the offending markup so you know exactly what to add a label to.

    FAQ

    What counts as an accessible name?

    An accessible name can come from aria-label, an aria-labelledby reference, visible text content, an alt attribute on an image, or a wrapped <label> for form fields. Without one of these, screen reader users hear nothing meaningful.

    Is a title attribute enough on its own?

    A title attribute is a weak fallback — it isn't reliably announced by all screen readers and isn't visible on touch devices, so it's flagged separately rather than treated as a safe accessible name.

    Does this check color contrast or other accessibility issues?

    No, this tool only checks for missing accessible names on interactive elements. It's one piece of a full accessibility review, not a replacement for one.

    Try other tools

    TABTab Order VisualizerVisualize the keyboard tab order of HTML. ALTAlt Text Writing HelperGet a suggested alt attribute. METAMeta Tag GeneratorCreate SEO tags online.