Minimap

A compact map of page sections.

Scroll region

Ticks mirror the sections and scroll to them.

A minimap compresses a long document into a small set of addressable landmarks.

Each tick carries an accessible name while its label stays out of the reading flow until hover or focus.

The order of the marks mirrors the order of the sections, preserving a quick sense of progress.

Selecting a mark moves the nearest scroll region and updates the current location for assistive technology.

Arrow keys move between marks, while reduced-motion preferences replace smooth movement with an immediate jump.

Current section: Overview

Inline for composed surfaces, fixed for the viewport.

Two placements

Use inline inside a scroll region, or keep the default fixed placement for long pages.