A button’s resting appearance is only one part of its design. Focus, hover, disabled, and busy states help explain whether the action is available and what is happening when someone uses it.
Keep the label and the behavior coherent. If an operation takes time, show that it has started and avoid making the person guess whether another click is needed. A visible focus indicator helps keyboard users locate the current action.
Try the full sequence with the input methods the interface supports. Notice whether the control stays understandable while busy and whether completion is confirmed elsewhere on the page. The state belongs to the whole interaction, not only the shape of the button.
- Review focus and busy states.
- Confirm that an action has started.
- Make the resulting change visible.
Picture this situation.
Imagine a keyboard user reaching a button without pointing at it. Its focused appearance is a working state that deserves the same care as its ordinary view.
A second way to look.
Consistency is valuable where it carries learned meaning. Keep familiar behavior dependable while allowing different tasks to have the structure they need.
Follow a related question
Name the page’s essential task.
A useful first version of a pageKeep a small current entry point.
A reading list with an entry pointKeep learning
Related background to continue exploring this subject.
W3C: understanding accessibility criteria MDN: responsive images