An icon can save space and create a familiar visual rhythm. Its meaning still depends on context. A shape that is obvious inside one application may describe a different action in another.
Add a visible label where ambiguity would matter. Give an interactive icon an accessible name, and distinguish a decorative picture from a control. The surrounding placement should reinforce the action rather than carry all the explanation alone.
Try interpreting the interface as a new visitor. If the action requires prior knowledge, a few words may be a better use of space than another symbol. The goal is recognition that helps the task proceed.
Picture this situation.
A bookmark shape may suggest saving, but a nearby label can clarify whether it opens a list or saves the current story.
A second way to look.
Look at the moment when a person hesitates. The question they are trying to answer can be a better guide than the arrangement that looks most balanced.
- Check whether the symbol has a clear meaning here.
- Label actions that could be confused.
- Distinguish decoration from interaction.
Follow a related question
Identify what the image contributes here.
Describe the purpose of an imageIdentify the reference you may need offline.
Save a reference for the offline momentKeep learning
Related background to continue exploring this subject.
W3C: understanding accessibility criteria MDN: responsive images
