Andrew DS a11n

<p>This plugin allows you to tag people and objects in your images by selecting a region of the image and add names, URLs and descriptions.  Implements the jQuery-Notes plugin by Lukas Rydygel (http://jquery-notes.rydygel.de/) and the jQuery-autocomplete plugin by Dylan Verheul (http://code.google.com/p/jquery-autocomplete/).</p>
<p>See the <a href="http://www.alleba.com/blog/2010/09/29/wordpress-plugin-wp-pic-tagger/" rel="nofollow ugc">WP Pic Tagger homepage</a> for more complete and detailed information.</p>
<h3>Usage</h3>
<h4>Enabling Tags on an Image</h4>
<p>To tag an image, you need to assign the class “wp-tag-people-abc” or “wp-tag-objects-xyz” to your images through your blog’s HTML editor.  ‘abc’ and ‘xyz’ must be unique strings of text to identify an image.  Simply use the ‘Tag People’ or ‘Tag Objects’ buttons found in the editor to easily insert these tags.</p>
<p>To tag people, click the ‘Tag People’ button.  This type of tag allows you to insert names of people and their website or blog URLs.  The URL field may be left empty.</p>
<p>If you wish to tag objects, click the ‘Tag Objects’ button.  This tag allows you to add only textual notes or descriptions.</p>
<p>Some samples:</p>
</p>
<p>If you have more than one image in your post, they must be assigned different classes:</p>
</p>
<p>Do not assign more than one class to an image, such as this:</p>
</p>
<p>Doing so will disable the tagging feature.</p>
<h4>Tagging the Images</h4>
<p>After writing your post, publish it or save it as draft.  View or preview the blog post.  You will notice that each of your images assigned with the required classes are loading tags.  To begin tagging, click the button with the plus (+) sign found below the image.</p>
<p>Click on the image.  Drag and resize the tag box to your desired location and size.  To save the tag, click on the button with the check mark to save it.</p>
<p>To edit or delete a tag, right-click on the tag to make the necessary changes.</p>
<h3>License</h3>
<p>This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation.</p>


WP Pic Tagger

Tag, caption, annotate pictures and images on your Wordpress blog.

nativeinfotech

<p><strong>Annotix – Drag, Annotate, Feedback</strong> gives your team a way to annotate any page on the frontend, capture screenshots, track status, assign items, set priority, and collaborate through threaded replies – all without leaving the site.</p>
<p>Built by <a href="https://nativeinfotech.com/" rel="nofollow ugc">Native Infotech</a>.</p>
<p>Demo video: <a href="https://youtu.be/VQssYhmuh0E" rel="nofollow ugc">https://youtu.be/VQssYhmuh0E</a></p>
<h4>Core Features</h4>
<ul>
<li><strong>Click-to-annotate</strong> – click anywhere on any page to drop a feedback pin.</li>
<li><strong>Area selection</strong> – drag to select a specific region of the page before capturing. Selection is draggable and resizable with corner handles.</li>
<li><strong>Screenshot capture</strong> – optionally attach a viewport screenshot via bundled html2canvas. The library is lazy-loaded on demand for faster page loads.</li>
<li><strong>Annotation tools</strong> – draw rectangles, circles, and arrows over the selected area before saving.</li>
<li><strong>Markdown toolbar</strong> – format feedback descriptions with bold, italic, bullet lists, numbered lists, links, and inline code.</li>
<li><strong>File attachments</strong> – upload images, PDFs, documents, spreadsheets, and other files alongside feedback. Attachments open in a new tab and display file-type badges.</li>
<li><strong>Priority levels</strong> – tag each feedback item as Urgent, High, Normal, or Low with colour-coded badges and dots.</li>
<li><strong>Assignment</strong> – assign feedback items to specific team members from a dropdown.</li>
<li><strong>@Mentions</strong> – type @ in any comment or reply to mention a user and trigger an instant notification.</li>
</ul>
<h4>Collaboration</h4>
<ul>
<li><strong>Threaded replies</strong> – discuss feedback with your team in context under each pin.</li>
<li><strong>Inline editing</strong> – edit your own feedback descriptions and replies in place.</li>
<li><strong>Delete with confirmation</strong> – delete your own feedback or replies with a skippable confirmation dialog.</li>
<li><strong>Resolve / Unresolve</strong> – track completion state for each item. Resolved pins turn green.</li>
<li><strong>Draggable pins</strong> – reposition saved pins by dragging them to a new location.</li>
</ul>
<h4>Sidebar & Navigation</h4>
<ul>
<li><strong>Pins sidebar</strong> – a collapsible sidebar lists all feedback on the current page with status filters (Unresolved / Resolved).</li>
<li><strong>Pages overview</strong> – an expandable pages panel shows feedback counts across all pages on the site.</li>
<li><strong>Priority dots</strong> – sidebar items display colour-coded priority indicators for quick scanning.</li>
</ul>
<h4>Email Notifications</h4>
<ul>
<li><strong>Digest mode</strong> (recommended) – batches all activity into a single email at a configurable interval (15 / 30 / 60 minutes).</li>
<li><strong>Smart mode</strong> – digest by default, but sends instant emails for assignments and @mentions.</li>
<li><strong>Configurable</strong> – enable or disable notifications, choose delivery mode, and toggle instant alerts for assignments and mentions independently.</li>
</ul>
<h4>Security & Permissions</h4>
<ul>
<li><strong>Role-based access</strong> – assign each WordPress administrator as Client, Dev, or No Access.</li>
<li><strong>Client role</strong> – full access: create, edit own descriptions, move pins, assign, reply, resolve, delete, and upload attachments.</li>
<li><strong>Dev role</strong> – limited access: view, reply, and resolve/unresolve only.</li>
<li><strong>No Access</strong> – cannot see or use Annotix.</li>
<li><strong>Zero public routes</strong> – all REST endpoints require authentication with valid permissions.</li>
<li><strong>Rate limiting</strong> – built-in abuse protection on all REST endpoints.</li>
</ul>
<h4>Performance</h4>
<ul>
<li><strong>Lazy-loaded screenshot library</strong> – the 195 KB html2canvas library is only fetched when the user actually takes a screenshot, not on every page load.</li>
<li><strong>Non-blocking font loading</strong> – Google Fonts are loaded via the WordPress enqueue API instead of a render-blocking CSS import.</li>
<li><strong>Session caching</strong> – REST responses are cached in sessionStorage for instant rendering on repeat visits, with background refresh.</li>
<li><strong>Transient caching</strong> – mention-user queries are cached with a 5-minute WordPress transient to reduce database load.</li>
<li><strong>Conditional loading</strong> – all plugin assets only load for logged-in users who have been granted access.</li>
</ul>
<h4>Who is it for?</h4>
<p>Annotix – Drag, Annotate, Feedback is designed for small teams (web agencies, freelancers, internal teams) where the designer, developer, and client all have WordPress administrator accounts and need a fast way to review and annotate the live site.</p>
<h3>Third-Party Services</h3>
<p>This plugin loads the <strong>Inter</strong> and <strong>Manrope</strong> font families from <strong>Google Fonts</strong> (<code>fonts.googleapis.com</code>) on frontend pages for logged-in users who have feedback access. No personal data is sent by the plugin itself, but the browser will make a request to Google’s servers to retrieve the font files.</p>
<ul>
<li>Service: <a href="https://fonts.google.com/" rel="nofollow ugc">Google Fonts</a></li>
<li>Terms of Service: <a href="https://policies.google.com/terms" rel="nofollow ugc">https://policies.google.com/terms</a></li>
<li>Privacy Policy: <a href="https://policies.google.com/privacy" rel="nofollow ugc">https://policies.google.com/privacy</a></li>
</ul>
<p>This plugin bundles the <strong>html2canvas</strong> library (MIT license) for optional screenshot capture. The library is loaded locally from the plugin directory and makes no external requests.</p>
<ul>
<li>Project page: <a href="https://html2canvas.hertzen.com/" rel="nofollow ugc">https://html2canvas.hertzen.com/</a></li>
<li>License: <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a></li>
</ul>


Annotix – Drag, Annotate, Feedback

Annotate any page on the frontend with screenshots, comments, file attachments, threaded replies, and email notifications.

WP Pic Tagger vs Annotix – Drag, Annotate, Feedback