Skip to content

Icon-only button without a label

ui/icon-button-labelwarningaccessibility

Why it matters

Screen readers announce "button" with no name.

Fix

Add aria-label (or a sr-only span) describing the action.

Credit

From W3C Web Accessibility Initiative
WCAG 4.1.2 requires every control to expose a name.
From Vercel
The Web Interface Guidelines require aria-label on icon-only buttons.

References

Understanding Success Criterion 4.1.2: Name, Role, ValueW3C
ARIA: aria-label attributeMDN Web Docs
Web Interface GuidelinesVercel (vercel-labs)

See it

Name every control