Amber Hinds

Steve Jones

Road Warrior Creative

Equalize Digital

Web Content Accessibility Guidelines (WCAG) Success Criterion 3.2 (Predictable) specifies that web pages should appear and operate in predictable ways. It is a common practice to set links that go to off-site locations to open in a new window or tab when clicked. Opening new windows or tabs automatically when a link is activated can be disorienting for people who have difficulty perceiving visual content, and for some people with cognitive disabilities, if they are not warned in advance.
This plugin helps websites become more accessible and better meet WCAG guidelines for predicability by providing advanced warning if a link is going to open a new window or tab before the user clicks or activates it. Providing a warning allows the user to decide it they want to leave the current window, and the warning will help them find their way back, if they do decide they would like to go to the new window. It will help them understand that the “back” button will not work and that they have to return to the last window they had open, in order to find their previous location.
There are no settings in this plugin. Simply activate it and it will automatically find all links that open in a new window and add the following three fixes to each link: 
1. A new window icon after the link text to denote that the link opens in a new window for sighted people. 
2. A tooltip, visible on hover, that says “opens a new window.” 
3. “Opens a new window” screen reader text that will be read out to blind or visually impaired people using screen readers immediately following the link anchor text.
Please note: new window warnings will be added to links and links that have been styled to look like buttons, including social media sharing and link icons. Depending upon what third party plugins are adding links to your site that open in new windows, some CSS styling may be required.
In addition to adding warnings for your users, this plugin integrates with the <a href="https://wordpress.org/plugins/accessibility-checker/" rel="ugc">Accessibility Checker plugin</a>; when Accessibility New Window Warnings is activated, it will automatically clear all “<a href="https://equalizedigital.com/accessibility-checker/link-opens-new-window-or-tab/" rel="nofollow ugc">Link Opens New Window or Tab</a>” warnings in Accessibility Checker scans of your website. Installing and activating this plugin is a great way to quickly remediate and remove a lot of open issues across you entire website.
The Accessibility New Window Warnings plugin is inspired by <a href="https://www.w3.org/TR/WCAG20-TECHS/G201.html" rel="nofollow ugc">Techniques for WCAG 2.0 G201: Giving users advanced warning when opening a new window</a>.
<h3>Localization</h3>
The Accessibility New Window Warnings plugin is ready for localization. We have added a Spanish translation and are open to more translations!
If you would like to contribute a translation to this plugin, please <a href="https://equalizedigital.com/contact/" rel="nofollow ugc">contact us</a> or <a href="https://github.com/equalizedigital/accessibility-new-window-warnings" rel="nofollow ugc">fork the repository on GitHub</a>.

Accessibility New Window Warnings

Install, activate, DONE! I love how simply this plugin fixes a real problem! This goes right into my starter site and on every website I build from here on out!

Simple solution for an important problem


I installed this on my blog as I wanted to ensure there was a visible indication when links opened external pages to better comply with accessibility guidelines without having to go through hundreds of old posts. Did the job and correctly and easily and automaticaly added the desired indicators, markup and icons.


Does the job intended

Make links that open in a new window compliant with WCAG guidelines for accessibility by adding a warning for users.

cartcoders

Cart Coders

Get started with Accessibility Assistant at no cost. 
The free plan includes essential accessibility features, simple widget control, supports 100+ languages and standard email support — perfect for instantly enhancing your website’s accessibility.
Ensure ADA, WCAG, and EAA compliance with Accessibility Assistant. Improve accessibility with features like Accessibility Profiles, keyboard navigation, text-to-speech, contrast settings, and font scaling. The fully customizable widget supports multiple languages to match your store’s branding for EAA, ADA, WCAG and AODA. Create an inclusive experience, reduce legal risks, and comply with global accessibility standards, no coding needed. You can just simply add the widget and it will be done.
1. Ease of Access for Visually Impaired Users 
Accessibility Assistant enhances the browsing experience for users with varying levels of visual impairment by allowing them to adjust contrast, text size, cursor visibility, and reading modes — supporting greater independence and digital inclusion.
2. Ease of Access for Elderly Users 
The plugin helps older adults overcome age-related vision or motor limitations by offering easy-to-use tools such as font resizing, high-contrast modes, large cursor, and keyboard navigation — making websites more readable and easier to interact with.
3. Ease of Access for Mobility-Impaired Users 
For users who experience difficulty using a mouse or trackpad, Accessibility Assistant provides full keyboard navigation and interaction support, allowing them to browse, fill forms, and navigate menus without relying on a pointing device.
4. Ease of Access for Users with Temporary or Situational Disabilities 
Whether due to temporary conditions like eye fatigue, injury, or environmental limitations, users can benefit from on-demand accessibility adjustments such as text-to-speech, spacing controls, and navigation enhancements — all without needing system-level changes.
5. Ease of Access for Blind and Screen Reader Users 
Accessibility Assistant offers assistive tools like text-to-speech, image alt text tooltips, and improved keyboard focus support, helping blind or severely visually impaired users better access, navigate, and interact with digital content independently.
6. Ease of Access for Users with Cognitive or Learning Disabilities 
Accessibility Assistant supports users with conditions such as dyslexia, ADHD, and other cognitive challenges by offering features like dyslexia-friendly fonts, reading masks, line-by-line reading guides, and simplified visual modes — helping them stay focused, reduce cognitive overload, and better comprehend website content.
Key Features – Designed for ADA, WCAG, EAA and AODA Accessibility Compliance
Accessibility Assistant for WordPress 
offers a full suite of accessibility tools that empower users to personalize their browsing experience while helping site owners move toward compliance with global accessibility laws and guidelines.
Multi-language Support (100+ languages) 
Ensures accessibility across global audiences by auto-detecting or manually setting the widget language, including support for EAA regions.
Text-to-Speech (TTS) 
Allows users with visual impairments or reading challenges to listen to on-page content, enhancing compliance with WCAG and ADA standards.
Font Resizing and Content Spacing Controls 
Helps users with low vision or cognitive needs adjust font size, line height, letter spacing, and word spacing for optimal readability.
Color Contrast and Brightness Adjustment 
Provides high-contrast modes and brightness controls to meet WCAG 2.1 minimum contrast ratios, supporting users with visual impairments.
Dark Mode, Light Mode, Grayscale, and High-Contrast Modes 
Enables quick visual theme toggles for users sensitive to light or color, aiding compliance with visual accessibility requirements under ADA and EAA.
Keyboard Navigation and Focus Indicators 
Enhances accessibility for users who rely on keyboard-only navigation, helping meet AODA and WCAG 2.1 guidelines.
Skip to Content and Quick Navigation Tools 
Improves user experience for screen reader and keyboard users by offering direct access to main content areas without unnecessary tabbing.
Link and Heading Highlights 
Visually highlights links and headings to assist users with cognitive disabilities or vision difficulties in navigating structured content.
Image ALT Tooltip Display 
Displays existing ALT text on image hover, helping users understand visual content and supporting WCAG-compliant media handling.
Pause Animations and Stop Motion Effects 
Allows users to disable motion-based content to avoid distractions or seizures, in accordance with WCAG success criteria for animations.
Reading Mask and Reading Guide 
Helps focus attention by highlighting one line or area at a time, improving accessibility for users with dyslexia or attention deficits.
Large Cursor Mode 
Provides an enlarged mouse pointer for better visibility and control, assisting users with vision or motor challenges.
Content Scaling and Layout Adjustment 
Offers global scaling of on-page content elements to make text, buttons, and layouts more accessible without zooming the browser.
Dyslexia-Friendly Fonts 
Replaces fonts with clean, readable alternatives to reduce letter confusion and improve comprehension for users with dyslexia.
Color-Blind Mode Profiles 
Enables preset profiles for common types of color blindness (e.g., red-green, blue-yellow), improving visual accessibility in EAA and WCAG contexts.
Responsive Widget for Mobile and Desktop 
Ensures the accessibility tools work seamlessly across screen sizes and devices, maintaining compliance across all platforms.
Customizable Widget Layout and Position 
Allows you to configure the placement, appearance, and branding of the accessibility widget to match your site’s UI/UX needs.
Supported Languages 
English (en), Svenska (sv), Suomi (fi), Deutsch (de), Español (es), Português (pt), Türkçe (tr), Français (fr), 日本語 (ja), 한국어 (ko), עברית (he), Latviešu (lv), Polski (pl), Ελληνικά (el), Dansk (da), Italiano (it), Română (ro), Български (bg), Hrvatski (hr), Čeština (cs), Nederlands (nl), Eesti (et), Magyar (hu), Gaeilge (ga), Lietuvių (lt), Malti (mt), Slovenčina (sk), Slovenščina (sl)
Compatible with Popular WordPress Themes & Page Builders
Accessibility Assistant works seamlessly with a wide range of WordPress themes and page builders. Below is the list of currently supported environments:
Supported Themes:
<ul>
<li>Astra</li>
<li>OceanWP</li>
<li>Flatsome</li>
<li>GeneratePress</li>
<li>Hello Elementor</li>
<li>Neve</li>
<li>Kadence</li>
<li>Sydney</li>
<li>Hestia</li>
<li>Blocksy</li>
<li>Zakra</li>
<li>Storefront (official WooCommerce theme)</li>
<li>WoodMart</li>
<li>Porto</li>
<li>Divi</li>
<li>Avada</li>
<li>TheGem</li>
<li>Salient</li>
<li>Enfold</li>
<li>X Theme</li>
<li>Bridge</li>
<li>Betheme</li>
<li>Shopkeeper</li>
<li>Rey</li>
<li>Electro</li>
</ul>
Supported Page Builders:
<ul>
<li>Elementor</li>
<li>WPBakery Page Builder</li>
<li>Bricks</li>
<li>Beaver Builder</li>
<li>Gutenberg (Block Editor)</li>
<li>Divi Builder</li>
<li>Brizy</li>
<li>SiteOrigin Page Builder</li>
<li>Thrive Architect</li>
<li>Visual Composer</li>
<li>Cornerstone</li>
<li>Oxygen Builder</li>
<li>Themify Builder</li>
<li>Fusion Builder</li>
<li>Muffin Builder</li>
<li>Avia Layout Builder</li>
<li>UX Builder</li>
</ul>
If you’re using a theme or page builder that is not listed above, feel free to contact us. Our team will be happy to assist you with setup and ensure full compatibility.
Visit Our Shopify App Page: 
<a href="https://apps.shopify.com/accessibility-assistant" rel="nofollow ugc">Accessibility Assistant on Shopify</a>
Visit Our Wix App Page: 
<a href="https://www.wix.com/app-market/web-solution/accessibility-by-cartcoders" rel="nofollow ugc">Accessibility Assistant on Wix</a>
Explore Our Website for More Details: 
<a href="https://accessibilityassistant.com/" rel="nofollow ugc">Accessibility Assistant Details</a>
Widget Demo 
<a href="https://adalive.myshopify.com/?_bt=BAh7BkkiC19yYWlscwY6BkVUewhJIglkYXRhBjsAVEkiGmFkYWxpdmUubXlzaG9waWZ5LmNvbQY7AEZJIghleHAGOwBUSSIdMjAyNS0wNi0yN1QxNTowOTozNS40NTZaBjsAVEkiCHB1cgY7AFRJIh5wZXJtYW5lbnRfcGFzc3dvcmRfYnlwYXNzBjsARg%3D%3D--2062c8001168c01e27be17a19fedd7c2cd1a6a46" rel="nofollow ugc">Widget Demo URL</a>
For assistance, contact us via: 
– In-App Chat Support from the plugin itself 
– Email Support: <a href="mailto:support@cartcoders.com" rel="nofollow ugc">support@cartcoders.com</a> 
– Phone Support: <a href="tel:+918469607787" rel="nofollow ugc">+91 84696 07787</a> 
– WhatsApp Support: <a href="https://wa.me/918469607787" rel="nofollow ugc">Chat on WhatsApp</a>

Accessibility Assistant – EAA ADA WCAG AODA

Enhance store inclusivity with Easy Web Accessibility Widget for EAA, ADA, WCAG & AODA compliance

Accessibility New Window Warnings vs Accessibility Assistant – EAA ADA WCAG AODA