What you need to know

An icon button needs an accessible name, while a decorative icon beside a visible label should usually be ignored by assistive technology. Inline SVGs may expose confusing internal text if not marked deliberately.

How to apply it

For an icon-only button, provide a button label. For a decorative SVG, mark it hidden from assistive technology and remove it from keyboard focus; use title text only when the graphic adds meaning.

Common mistake to avoid

Do not rely on a color or shape alone to explain an action. Pair important status icons with visible text.