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.
Bring the idea into a day.
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.
Another angle on the story.
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.
- Review focus and busy states.
- Confirm that an action has started.
- Make the resulting change visible.
Follow a related question
Identify the page’s main purpose.
What makes a web page feel good?Use a distinct password for each account.
Make account habits easier to maintainKeep learning
Related background to continue exploring this subject.
W3C: understanding accessibility criteria MDN: responsive images
