Public live demo
Accessible Image Hotspots for WordPress.
Select the three numbered pins on the fictional dashboard below. This page uses the exact public CSS and JavaScript shipped with version 0.1.0, including one-open-at-a-time panels and Escape-to-close focus restoration.
Try it: select pins 1, 2, and 3. Opening a new pin closes the previous panel. Press Escape to close the open panel and return focus to its pin.
This fictional summary card demonstrates how a hotspot can explain a metric or visual element.
Use a short annotation to give chart context without permanently covering the image.
Edge-aware panel placement helps keep this annotation within the image area.
Review the demo boundariesUseful annotations, bounded behavior
Explain an image without adding a remote service.
Editors choose the image, pin positions, numbers, titles, descriptions, and optional links. Visitors can operate pins by keyboard or pointer. The plugin opens one panel at a time and restores focus after Escape.
- Choose an appropriate imageUse an image you own and provide meaningful alternative text.
- Place and label each pinKeep annotations concise and make button labels descriptive.
- Check every screen sizeUse the available horizontal and vertical flip controls near image edges.
Marketplace checkout
Get Accessible Image Hotspots for $34.
Purchase and file delivery are handled by Codester. The plugin does not add frontend cookies, browser storage, analytics, remote libraries, or remote requests. This CTS demonstration page remains subject to the site-wide analytics choices described in the Website Privacy Policy.