Myshock

<p>I created this plugin to make external text links more accessible to people with disabilities by displaying an image with an alternative that informs the user that the link will open in a new window. Thanks to Romain Gervois.</p>


Accessible External Text Links

I created this plugin to make external text links more accessible to people with disabilities

<p>The <strong>Shop UX Toolkit</strong> plugin enhances WooCommerce shop and product pages by addressing design and accessibility issues. Designed for the Storefront theme, it uses CSS to modify only WooCommerce code, leaving your theme untouched. It’s lightweight, with toggleable features, and may work with other themes showing similar issues (e.g., links without underlines), though testing is recommended.</p>
<h4>Improves Link Appearance</h4>
<ul>
<li><strong>What it does</strong>: Adds underlines to WooCommerce page links (missing in Storefront) and removes them on hover.</li>
<li><strong>Why it’s helpful</strong>: Enhances readability, fixes Google PageSpeed Insights errors for links relying only on color, improving accessibility and potentially SEO.</li>
</ul>
<h4>Adds Hover Effects to Category and Product Boxes</h4>
<ul>
<li><strong>What it does</strong>: Applies a subtle lift and shadow effect only when hovering over clickable elements in category/product boxes, with fixed lower-left and lower-right corner coverage.</li>
<li><strong>Why it’s helpful</strong>: Signals clickability, creating a polished look that encourages clicks, potentially increasing click-through rates (CTR) and sales.</li>
</ul>
<h4>Centers Titles in the Large Product Image Modal</h4>
<ul>
<li><strong>What it does</strong>: Centers image titles in the enlarged image modal triggered by the magnifying glass on single-product images.</li>
<li><strong>Why it’s helpful</strong>: Improves readability and presentation in the gallery lightbox.</li>
</ul>
<h4>Customizes Focus Outlines</h4>
<ul>
<li><strong>What it does</strong>: Toggles focus outlines (visible borders around clickable elements) to appear only for keyboard navigation, not mouse/touch.</li>
<li><strong>Why it’s helpful</strong>: Ensures accessibility for keyboard users (including those with disabilities) while maintaining a clean look for mouse/touch users.</li>
</ul>
<h4>Why Choose This Plugin?</h4>
<ul>
<li><strong>Enhanced User Experience</strong>: Clear links and hover effects improve navigation and engagement.</li>
<li><strong>Accessibility Compliance</strong>: Meets standards for users with visual impairments or assistive technologies.</li>
<li><strong>SEO Benefits</strong>: Fixes PageSpeed Insights errors, potentially boosting search rankings.</li>
<li><strong>Polished Design</strong>: Delivers a consistent, professional look to build customer trust.</li>
<li><strong>Flexible</strong>: Toggle features on/off for minimal site speed impact.</li>
</ul>
<p>Live demo: https://www.smokingblends.com — hover product boxes, check description links, and Tab to see the focus option.</p>
<h3>Usage</h3>
<p>Use the Settings page to toggle link underlines, hover lift, and keyboard focus.</p>
<h3>Contributing</h3>
<p>Free plugin, Storefront-first. Suggest changes via WordPress.org Support forum with WP, Woo, theme versions, steps, and minimal code.</p>
<h3>Privacy</h3>
<p>This plugin does not collect, store, or transmit personal data, and makes no external requests.</p>


Shop UX Toolkit

Improves WooCommerce UX and accessibility: clearer links, clickable hover lift, centered image titles, and keyboard-only focus.

Accessible External Text Links vs Shop UX Toolkit