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>AllAccessible is a powerful WordPress accessibility plugin engineered to augment your website’s accessibility for all users. The free version is a breeze to install and offers a fully customizable accessibility widget, enabling content, orientation, and design control to all visitors. We ensure the plugin’s compatibility with the latest WordPress versions and regularly introduce new features to stay abreast of evolving accessibility standards.</p>
<p>Boost your website’s accessibility with AllAccessible’s extensive features:</p>
<h3></h3>
<p>Stable tag: 2.0.3</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>.r3405436<br />
              License: GPLv2 or later<br />
              License URI: https://www.gnu.org/licenses/gpl-2.0.html</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>Unlock true digital accessibility with AllAccessible – a comprehensive plugin driving your website towards WCAG/ADA compliance.</p>
<h3>Compliance Standards</h3>
<p>AllAccessible helps your website meet international accessibility 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>By implementing AllAccessible, you’re not only enhancing user experience but also reducing the risk of accessibility-related legal issues.</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 strictly adheres to WCAG, Section 508, ADA, and ACT compliance rules and best practices. With AllAccessible Premium, you amplify your website’s accessibility, reduce legal risk, 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>🤖 AI-Powered Accessibility Remediation 🤖</h3>
<p>AllAccessible Premium employs advanced Artificial Intelligence (Ai) technology to continuously scan your website for accessibility gaps, dynamically applying non-invasive adjustments in real-time.</p>
<p>Our AI does the heavy lifting for you, including:</p>
<ul>
<li>Automatically adding missing image alt text descriptions</li>
<li>Validating Page Structure and Role definitions</li>
<li>Validating and correcting Link Names</li>
<li>Creating Aria Labels for Screen Reader Optimization</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 Ai 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>


Accessibility by AllAccessible

Unlock true digital accessibility with AllAccessible - a comprehensive WordPress plugin driving your website towards WCAG/ADA compliance. Empower your users with a fully customizable accessibility widget, and enhance their experience with our premium AI-powered features.

Spinnaker Dialog Lightboxes vs Accessibility by AllAccessible