Notes

A Visual Hotspots image of a commuter e-bike with five markers, and the same five features listed beside it so the details are still readable on phones and by screen readers, where tooltips are awkward. The markers use the brand colour with a ground-coloured plus, and the tooltips use the surface token with heading and body text tokens in place of the element’s indigo and navy defaults. Marker positions are x and y percentages in the hotspots data, so move them with the Edit Hotspots button once your own photo is in. The element will not display a data URI image, so the grey behind the markers is the column’s raised background until a real image is chosen.