Title: Tabspot – Accessible Image Hotspots
Author: Novica Pilipovic
Published: <strong>November 9, 2026</strong>
Last modified: November 9, 2026

---

Search plugins

![](https://s.w.org/plugins/geopattern-icon/tabspot.svg)

# Tabspot – Accessible Image Hotspots

 By [Novica Pilipovic](https://profiles.wordpress.org/novicapilipovic/)

[Download](https://downloads.wordpress.org/plugin/tabspot.0.1.0.zip)

 * [Details](https://wordpress.org/plugins/tabspot/#description)
 * [Reviews](https://wordpress.org/plugins/tabspot/#reviews)
 *  [Installation](https://wordpress.org/plugins/tabspot/#installation)
 * [Development](https://wordpress.org/plugins/tabspot/#developers)

 [Support](https://wordpress.org/support/plugin/tabspot/)

## Description

Add pins to an image and show a short text when a visitor activates one. Built for
accessibility first:

 * Every pin is a real button, reachable with Tab and opened with Enter or Space.
 * Popups use the browser’s native popover: Esc closes, clicking outside closes,
   focus returns to the pin.
 * No JavaScript on the front end.
 * Pin labels are read by screen readers.

Most hotspot plugins don’t document keyboard or screen-reader support; this one 
is built around it.

In the editor, click the image to add a pin, drag it or use the arrow keys (Shift
moves 10%) to move it. Keyboard users can also use “Add hotspot” in the sidebar,
where each pin has a label, text and position sliders.

Popups sit beside their pin in browsers that support CSS anchor positioning and 
are centred in the others.

### Source code

The `build/` folder is compiled from the `src/` folder included in this plugin. 
To rebuild it, run `npm install` and then `npm run build`.

## Screenshots

[⌊Placing and editing hotspots in the block editor.⌉⌊Placing and editing hotspots
in the block editor.⌉[

Placing and editing hotspots in the block editor.

[⌊An open popup on the front end.⌉⌊An open popup on the front end.⌉[

An open popup on the front end.

## Blocks

This plugin provides 1 block.

 *   Tabspot Image Hotspots Keyboard and screen-reader accessible image hotspots
   for the block editor.

## Installation

 1. Upload the plugin to the `/wp-content/plugins/` directory, or install it from the
    Plugins screen.
 2. Activate the plugin through the ‘Plugins’ screen.
 3. In the block editor, add the “Tabspot Image Hotspots” block and choose an image.

## FAQ

### Does it load any JavaScript on the front end?

No. Popups use the native HTML `popover` attribute.

### Can I put images or links in the popup?

Not yet. Popup content is plain text; line breaks become paragraphs.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Tabspot – Accessible Image Hotspots” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ Novica Pilipovic ](https://profiles.wordpress.org/novicapilipovic/)

[Translate “Tabspot – Accessible Image Hotspots” into your language.](https://translate.wordpress.org/projects/wp-plugins/tabspot)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/tabspot/), check out
the [SVN repository](https://plugins.svn.wordpress.org/tabspot/), or subscribe to
the [development log](https://plugins.trac.wordpress.org/log/tabspot/) by [RSS](https://plugins.trac.wordpress.org/log/tabspot/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.1.0

 * Release

## Meta

 *  Version **0.1.0**
 *  Last updated **3 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.8 or higher **
 *  Tested up to **7.1.4**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [accessibility](https://wordpress.org/plugins/tags/accessibility/)[block](https://wordpress.org/plugins/tags/block/)
   [hotspot](https://wordpress.org/plugins/tags/hotspot/)[image](https://wordpress.org/plugins/tags/image/)
   [popover](https://wordpress.org/plugins/tags/popover/)
 *  [Advanced View](https://wordpress.org/plugins/tabspot/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/tabspot/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/tabspot/reviews/)

## Contributors

 *   [ Novica Pilipovic ](https://profiles.wordpress.org/novicapilipovic/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/tabspot/)