A back-to-top button is a small control, usually an upward arrow, that floats over a long page and returns the visitor to the top with a single tap. It typically fades in only after someone has scrolled down a fair way, so it stays out of the way until it is useful.
Think of it as the express elevator in a tall building. You could walk back down every flight of stairs, but a button that takes you straight to the ground floor saves the effort. On a 4,000-word article or a product page with fifty items, that one click spares people a long drag back up. A subtle micro-interaction, like the button gently appearing as you scroll, signals that it is there without shouting for attention.
The details matter for usability. The button should sit where a thumb can reach it on mobile, carry a clear label for screen readers, and work with the keyboard. A smooth scroll back up reads as more polished than an abrupt jump, though the motion should respect a reduced-motion preference. It also helps to keep the button small and slightly translucent, so it hints at being there without covering the last line of text someone is trying to read.
It is also worth knowing what it is not. A back-to-top button is a convenience, not a substitute for real accessible navigation. If people only reach the menu by scrolling all the way up, the menu is in the wrong place. The button helps on genuinely long pages; it should never paper over a structure that makes visitors hunt for the basics.
At TopDevs we add a back-to-top button only on genuinely long pages, and we make sure it is keyboard-reachable so it helps every visitor rather than just mouse users.
