seamonsterdeneb

<p>A spinnaker is a special type of sail that is flown in front of the main sails. It’s packed away when not in use, but when the wind is right, it can be unfurled to provide a powerful boost. This plugin is named Spinnaker because it allows you to keep your images and PDFs neatly tucked away, ready to be “unfurled” into a beautiful, accessible lightbox when your users need them.</p>
<p>Spinnaker is a lightweight, modern, and highly accessible plugin that turns any image or PDF link into a fully-featured dialog lightbox. It’s built with accessibility as a priority, ensuring a seamless experience for users with keyboards and screen readers.</p>
<p><strong>Image Lightbox Features:</strong></p>
<ul>
<li>Converts any <code><img></code> tag into a clickable lightbox trigger.</li>
<li>Displays a large, scrollable version of your image that fills the viewport without forcing double-scrollbars.</li>
<li>Adds scroll-arrow buttons for easy navigation of oversized images.</li>
<li>Supports custom initial image positioning (e.g., center, top, bottom, left, right).</li>
<li>Displays image credits as a “placard,” with support for links.</li>
<li>Provides a “Download” button for the full-size image.</li>
<li>Fully localizable UI text in Spanish, Russian, Vietnamese, Simplified Chinese, Arabic, Korean, and Somali.</li>
</ul>
<p><strong>PDF Lightbox Features:</strong></p>
<ul>
<li>Converts any <code><a></code> tag pointing to a PDF into a lightbox trigger.</li>
<li>Displays the PDF in an embedded viewer right on your site.</li>
<li>Includes a “Download” button.</li>
<li>Supports page builder modules (like DIVI) where you can only add a class to the container.</li>
<li>Tracks PDF views and downloads, with stats available in the WordPress admin.</li>
<li>Fully localizable UI text in Spanish, Russian, Vietnamese, Simplified Chinese, Arabic, Korean, and Somali.</li>
</ul>
<h3>Usage</h3>
<h3>Image Lightbox</h3>
<p>To make an image open in a lightbox, add the class <code>image-lightbox-trigger</code> to the <code><img></code> tag itself.</p>
<p><strong>For Gutenberg Block Editor:</strong><br />
Gutenberg wraps images in a <code><figure></code> element. Add the class <code>image-lightbox-trigger-container</code> to the figure wrapper: Select the image block, open the “Advanced” panel in the block settings, and add <code>image-lightbox-trigger-container</code> to the “Additional CSS class(es)” field. For screen reader descriptions, you can use the image’s “Title” field (available in the image block settings). For advanced features like credits and positioning, switch to HTML editing mode.</p>
<p><strong>For Page Builders (like DIVI):</strong><br />
If you can only add a class to the container/module holding the image, add the class <code>image-lightbox-trigger-container</code> to the container. The plugin will find the first image inside it and turn it into a lightbox.</p>
<p><strong>Optional Attributes (add to the <code><img></code> tag):</strong></p>
<ul>
<li><code>data-description="…"</code>: A longer description for screen readers. <em>Note: Users of Gutenberg and other page builders that don’t allow custom attributes to be added can use the image’s “Title” field. The plugin will automatically use the title text for the screen reader description and remove the title attribute from the image to prevent duplicate announcements.</em></li>
<li><code>data-credit="…"</code>: The text for the credit placard. <em>Requires HTML editing mode in Gutenberg.</em></li>
<li><code>data-credit-link="…"</code>: A URL to make the entire credit placard a link. <em>Requires HTML editing mode in Gutenberg.</em></li>
<li><code>data-position="…"</code>: Set the initial scroll position. Options: <code>top</code>, <code>bottom</code>, <code>left</code>, <code>right</code>, or <code>center</code> (default). <em>Requires HTML editing mode in Gutenberg.</em></li>
</ul>
<p><strong>Localization:</strong><br />
To translate the UI text, add a language-specific class like <code>-es</code> (for Spanish) to the trigger class (e.g., <code>image-lightbox-trigger-es</code>).</p>
<ul>
<li><strong>Supported languages:</strong> Spanish (<code>-es</code>), Russian (<code>-ru</code>), Vietnamese (<code>-vi</code>), Simplified Chinese (<code>-zh</code>), Arabic (<code>-ar</code>), Korean (<code>-ko</code>), and Somali (<code>-so</code>).</li>
</ul>
<p><strong>Example HTML:</strong></p>
<pre><code><img class="image-lightbox-trigger-es" src="…" alt="…" 
     data-description="Una descripción detallada de la imagen." 
     data-credit="Foto por Jane Doe" 
     data-credit-link="[https://example.com](https://example.com)"
     data-position="right">
</code></pre>
<h3>PDF Lightbox</h3>
<p>To make a link to a PDF open in a lightbox, add the class <code>pdf-lightbox-trigger</code> to the <code><a></code> tag itself.</p>
<p><strong>For Page Builders (like DIVI):</strong><br />
If you can only add a class to the container/module holding the link, add the class <code>pdf-lightbox-trigger-container</code> to the container. The plugin will find the correct PDF link inside it.</p>
<p><strong>Localization:</strong><br />
To translate the UI text, add a language-specific class like <code>-es</code> (for Spanish) to the trigger class (e.g., <code>pdf-lightbox-trigger-es</code>).</p>
<ul>
<li><strong>Supported languages:</strong> Spanish (<code>-es</code>), Russian (<code>-ru</code>), Vietnamese (<code>-vi</code>), Simplified Chinese (<code>-zh</code>), Arabic (<code>-ar</code>), Korean (<code>-ko</code>), and Somali (<code>-so</code>).</li>
</ul>
<p><strong>Example HTML:</strong></p>
<pre><code><a href="/path/to/file.pdf" class="pdf-lightbox-trigger-es">Directorio</a>
</code></pre>


Spinnaker Dialog Lightboxes

Accessible lightboxes for images and PDFs using the HTML dialog element. Add classes to create instant lightboxes!

AllAccessible

<p><strong>AllAccessible is the WordPress-native accessibility plugin.</strong> Unlike overlay-only widgets, AllAccessible brings accessibility right into your WordPress workflow: a per-page accessibility score in the post editor, an accessibility column on your Posts and Pages lists, unlimited AI-written alt text and agentic AI fixes on every paid plan, and human-in-the-loop approval before anything goes live.</p>
<p>Built over 5+ years and trusted on thousands of websites, AllAccessible powers <strong>220 million+ accessibility interactions every month</strong> — robust, scalable infrastructure behind a simple WordPress experience.</p>
<p>The free version installs in seconds and adds a fully customizable accessibility widget — letting every visitor control content, color, orientation, and design. Premium plans unlock <strong>AllAccessible AI</strong>: human-in-the-loop agentic remediation that checks your pages against WCAG success criteria, drafts suggested fixes, and applies them only after your approval. No black-box overlay. You stay in control.</p>
<h4>Why AllAccessible is different</h4>
<ul>
<li><strong>Native WordPress UI</strong> — accessibility scores in the editor, in your page list, and in the admin bar. Not just a frontend widget.</li>
<li><strong>Agentic AI remediation, human-approved</strong> — AI suggests fixes; your team approves. Nothing changes your site without sign-off.</li>
<li><strong>Unlimited AI interactions</strong> — descriptive alt text and agentic fix proposals for every image and accessibility issue on paid plans. Free plans include a 10 alt-text + 5 fix preview so you can feel the value before upgrading.</li>
<li><strong>Real audits, real scores</strong> — per-page and site-wide scoring against WCAG success criteria, not a badge with nothing behind it.</li>
<li><strong>Scan any page on demand</strong> — trigger a fresh accessibility check from the editor or admin bar.</li>
</ul>
<h4>Proven at scale</h4>
<ul>
<li><strong>5+ years</strong> building accessibility tooling for the web</li>
<li><strong>Thousands of websites</strong> running AllAccessible today</li>
<li><strong>220 million+ accessibility interactions every month</strong> across the sites we serve</li>
</ul>
<p>Boost your website’s accessibility with AllAccessible’s extensive features:</p>
<h3>Accessibility Standards</h3>
<p>AllAccessible helps you work toward the accessibility guidelines referenced by major standards, including:</p>
<p>• ADA (Americans with Disabilities Act)<br />
• WCAG 2.0, 2.1, & 2.2 (Level AA/AAA)<br />
• Section 508 (U.S. Federal Standard)<br />
• European Accessibility Act (EAA EN 301 549)<br />
• Ontario AODA & Canada ACA<br />
• UK Equality Act<br />
• Australian DDA<br />
• California Unruh Act</p>
<p>AllAccessible improves and monitors your site’s accessibility against these guidelines. How fully any standard applies depends on your content, so AllAccessible is a tool to help you get there — not a guarantee of legal outcomes.</p>
<h3>♿ Accessibility Widget ♿</h3>
<p>Empower all visitors to personalize their browsing experience on your website, with our dynamic Accessibility Widget that includes:</p>
<p>Content Control Features<br />
Design Control Features<br />
Orientation Control Features</p>
<h3>AllAccessible Premium: Unlock a New Dimension in Accessibility</h3>
<p>The AllAccessible Premium subscription unleashes a plethora of additional features to optimize your website for individuals with disabilities, such as visual impairment, hearing loss, or mobility difficulties. AllAccessible’s checks follow WCAG, Section 508, and ADA guidelines and accessibility best practices. With AllAccessible Premium, you amplify your website’s accessibility, enhance your brand image, extend your outreach, and foster innovation.</p>
<p>Benefit from a user-friendly interface that allows swift plugin configuration to meet your unique needs.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Y7RxL_iM1Tc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Experience AllAccessible Premium with a risk-free 7-day trial, no credit card required. Our service is available at just $10/mo. Non-Profit organizations are eligible to apply for a free license here: https://www.allaccessible.org/get-allaccessible-for-free/</p>
<p>Unveil enhanced capabilities with AllAccessible Premium:</p>
<h3>♿ Enhanced Accessibility Widget ♿</h3>
<ul>
<li>Online Dictionary</li>
<li>Preset User Profiles</li>
<li>Text to Speech</li>
<li>Accessibility Statement</li>
<li>Page Link Tree</li>
<li>Accessibility Accommodation Requests</li>
</ul>
<h3>✦ Agentic AI Remediation ✦</h3>
<p>AllAccessible Premium includes AllAccessible AI — agentic AI that continuously scans your website for accessibility gaps and auto-suggests non-invasive fixes. Your team reviews and approves each suggestion through a remediation manifest. Human-in-the-loop, every step.</p>
<p>AllAccessible agents handle the heavy lifting:</p>
<ul>
<li>Auto-suggest missing image alt text descriptions (unlimited on every paid plan)</li>
<li>Validate Page Structure and Role definitions</li>
<li>Validate and correct Link Names</li>
<li>Generate ARIA Labels for screen reader optimization</li>
<li>Surface a prioritized fix list right inside your WordPress dashboard</li>
</ul>
<h3>✅ Accessibility Scans and Reports ✅</h3>
<p>Run unlimited accessibility scans and receive a corresponding report. AllAccessible Premium’s Accessibility reports provide comprehensive and categorized details including:</p>
<ul>
<li>A Summary of the issues and highlighting the code where any issues occurred</li>
<li>The severity of any issues, including best practices</li>
<li>The Mapping of Accessibility Issues to WCAG, Section 508, ADA, and ACT rules</li>
</ul>
<h3>📊 Remediation and Administrative Dashboards 📊</h3>
<p>Our user-friendly dashboard interfaces allow you to make quick and easy adjustments to agent-generated content, and user requests, no coding required!</p>
<p>The Administrative dashboards give you complete control over your site allowing you to add users, add sites and subdomains, address accommodation requests, and adjust your application settings.</p>
<h3>ℹ️ Knowledge Base ℹ️</h3>
<p>Complete product documentation, instructional videos are available to all users.</p>
<ul>
<li>For product documentation visit our <a href="http://support.allaccessible.org" rel="nofollow ugc">Knowledge Base</a></li>
<li>For informational videos and tutorials, visit our <a href="https://www.youtube.com/channel/UC5vr6vx1xLfDV_gCbwXf9wQ" rel="nofollow ugc">YouTube Channel</a></li>
</ul>
<h3>🆘 Dedicated Support 🆘</h3>
<p>AllAccessible provides dedicated support, to help answer any questions you may have.</p>
<h3>🤝 Partner Program 🤝</h3>
<p>AllAccessible offers a profitable, flexible, and simple partner program to help digital agencies build their own branded solutions powered by AllAccessible. These solutions provide your clients with competitive accessibility solutions while generating new sources of revenue for you!</p>
<p>Partners can leverage AllAccessible’s technology to create differentiated services across a wide range of website accessibility use cases such as:</p>
<ul>
<li>White Label and Resell</li>
<li>Implementation & Configuration</li>
<li>Accommodation as a Service</li>
<li>Remediation Services</li>
<li>And More!</li>
</ul>
<p>Partners receive additional benefits including:</p>
<ul>
<li>A free AllAccessible License for their website</li>
<li>Discounted Licensing Costs</li>
<li>A listing  on our partner directory</li>
<li>Access to our partner portal with free resources such as SOWs and marketing material  to help drive revenue</li>
</ul>
<p><a href="https://www.allaccessible.org/become-a-partner/" rel="nofollow ugc">Apply to be a partner here</a></p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/0pZCViAKzoE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Support</h3>
<p>For Plugin Support, visit the <a href="http://support.allaccessible.org" rel="nofollow ugc">AllAccessible Support Page</a><br />
<a href="https://www.allaccessible.org/terms-conditions/" rel="nofollow ugc">AllAccessible Terms and Conditions</a></p>
<h4>AllAccessible Would Love Your Feedback</h4>
<p>Our goal is to simplify content management between both platforms. Please share any feedback using the <a href="https://www.allaccessible.org/feedback" rel="nofollow ugc">AllAccessible Feedback Form.</a></p>
<h3>Privacy & External Services</h3>
<p>AllAccessible is a connected service plugin. To deliver accessibility scanning, agentic AI remediation, and the accessibility widget, the plugin communicates with AllAccessible’s servers. This section discloses what data is sent and where, per WordPress.org guidelines.</p>
<h4>What the plugin connects to</h4>
<ul>
<li><strong>AllAccessible API</strong> (app.allaccessible.org) — validates your license, retrieves widget settings, serves accessibility audit scores, and accepts manual edits (alt text, fix approvals). Requests are authenticated and only made when you use the plugin’s admin screens or when the widget loads on your site.</li>
</ul>
<h4>Data sent</h4>
<ul>
<li><strong>License & account identification</strong> — your AllAccessible account ID and site URL, so the service knows which account a request belongs to.</li>
<li><strong>Accessibility audit data</strong> — when the widget scans a page, detected accessibility issues are sent so the service can compute scores and generate remediation suggestions.</li>
<li><strong>Error & diagnostic information</strong> — if the plugin encounters an error, anonymized diagnostic details (error message, plugin version, WordPress/PHP version, your account ID) are sent to our error-monitoring service (Sentry) so we can detect and fix problems. <strong>This is disclosed in our Privacy Policy and can be disabled</strong> under Account <span aria-hidden="true" class="wp-exclude-emoji">→</span> Advanced <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Disable error reporting to AllAccessible.”</li>
</ul>
<h4>No data is sent without an account</h4>
<p>The free accessibility widget runs entirely in the visitor’s browser and adjusts their viewing experience only. License-bound features (AI remediation, scanning, image descriptions) require an AllAccessible account; creating one means agreeing to our Terms and Privacy Policy, which govern all data handling.</p>
<h4>Legal</h4>
<ul>
<li>Terms & Conditions: https://www.allaccessible.org/terms-conditions</li>
<li>Privacy Policy: https://www.allaccessible.org/privacy-policy</li>
<li>GDPR: https://www.allaccessible.org/gdpr</li>
<li>Trust Center: https://www.allaccessible.org/trust-center</li>
</ul>


Accessibility by AllAccessible

Agentic AI accessibility tools for WordPress: auto-fix alt text, ARIA & HTML for WCAG/ADA. Per-page & site scores, TTS, disability profiles.

Spinnaker Dialog Lightboxes vs Accessibility by AllAccessible