Nicolas Johnson

This plugin offers you the possibility to show people accessibility configurations in your menu. This means that everyone, including people with disabilities, will be able to configure the settings (contrast, font-size, coloration, …) that help them be able to use your website.
Here is a <a href="https://demo.wpinclusion.com/a11y-kit" rel="nofollow ugc">demo</a>. 
Follow the evolution of the plugin trough the <a href="https://github.com/multimedianj/a11y-kit" rel="nofollow ugc">Github repository</a>.
In order to make the plugin works, you need to create a menu first. 
In your menu, you simply need to add a CSS class in this way “wpak_DISABILITY_PROPERTY”.
Where to add the CSS class mentioned above ? 
– In the menu you’re in (Appearance > Menus > name_of_your_menu), you first click on an item you want to have the ability to change the state (accessibility menu item). 
– Then, you should have the field “CSS Classes (optional)”. Inside this field, you can add the class in this way : “wpak_DISABILITY_PROPERTY” (see examples from the pre-configured classes below). 
– If the field “CSS Classes (optional)” is not visible, you just have to look for the “Screen Options” button in the top-right corner of the page. Then, search for the checkbox “CSS Classes” which should be checked in order for the field to be visible. Finally, return to the field and add your class.
<h3>List of the pre-configured classes</h3>
<h4>Coloration</h4>
<ul>
<li>“wpak_color_normal” (normal state)</li>
<li>“wpak_color_dark” (dark mode)</li>
<li>“wpak_color_monochrome” (shades of gray, monochrome)</li>
<li>“wpak_color_highcontrast” (high contrast)</li>
<li>“wpak_color_lowsaturation” (low saturation)</li>
<li>“wpak_color_highsaturation” (high saturation)</li>
</ul>
<h4>Font size</h4>
<ul>
<li>“wpak_font_normal” (normal state)</li>
<li>“wpak_font_large” (large font-size, default: 30px)</li>
</ul>
<h4>Dyslexia</h4>
<ul>
<li>“wpak_dyslexia_normal” (normal state)</li>
<li>“wpak_dyslexia_comicsans” (Comic Sans font-family)</li>
<li>“wpak_dyslexia_arial” (Arial font-family)</li>
</ul>
<h4>Reset button</h4>
<ul>
<li>“wpakReset” (reset all the filters)</li>
</ul>
<h3>Add an icon instead of text</h3>
You can use the field for the title to add HTML code. With HTML code, it is possible to add 
– An image: <code><img src="link_of_your_image.png" alt="name_of_property" /></code> 
– An icon from FontAwesome or any library you want to include: <code></code>
<h3>Suggested FontAwesome icons</h3>
Here is a list of the suggested icons to use for each pre-configured accessibility settings.
<ul>
<li>Coloration: <code></code></li>
<li>Font-size: <code></code></li>
<li>Font-family: <code></code></li>
<li>Letter-spacing: <code></code></li>
<li>Line-height: <code></code></li>
<li>Reset button: <code></code></li>
</ul>
<h4>EXTRA</h4>
If you want to add a link to your accessibility statement page, we recommend using this icon that displays perfectly 
– <code></code>
<h3>Import a pre-generated menu</h3>
To import a pre-generated menu with already pre-configured accessibility settings, follow the instructions below.
<ol>
<li>First, download the file menu-a11y.json on your computer, available in the folder SAMPLE of the plugin</li>
<li>Install the plugin **Export Import Menus”, available <a href="https://wordpress.org/plugins/export-import-menus" rel="ugc">here</a></li>
<li>Activate the plugin</li>
<li>Go to Appearance > Export/Import Menus</li>
<li>Click on the tab Import Menus</li>
<li>Click on Choose a file and import the menu-a11y.json file you just downloaded on your computer</li>
<li>On the Menu Name field, feel free to name your menu (ex.: A11y topbar menu)</li>
<li>Click on the Import Menus button</li>
<li>Validate in Appearance > Menus that your menu has been imported correctly</li>
</ol>
<h4>EXTRA</h4>
If you want to use FontAwesome icons, install the plugin FontAwesome, available <a href="https://wordpress.org/plugins/font-awesome" rel="ugc">here</a>
<h3>Overwritte accessibility settings (styles)</h3>
In the plugin directory, there’s a file SAMPLE/style-a11y.css that contains all the CSS variables used to style the different accessibility settings of the plugin. It is possible to overwritte those variables by adding this file to the root of your theme.
<ol>
<li>You need to download the style-a11y.css</li>
<li>You add the file to the root of your theme (or child-theme)</li>
<li>You add this code to your style.css @import “style-a11y.css”;</li>
</ol>
This plugin was created and is maintained by WP inclusion, a <a href="https://wpinclusion.com" rel="nofollow ugc">glossary of Web accessibility terminologies</a>.
<h3>Compatibility</h3>
This plugin is multilingual ready.

A11y Kit

Make your website accessibility better by adding pre-configured and custom settings in your menu.

Skynet Technologies

The WordPress Accessibility Widget – All in One Accessibility® gives businesses, agencies, nonprofits, and organizations a quicker way to enhance accessibility on their WordPress websites. Built for the WordPress environment, the plugin adds an accessibility widget that supports WCAG 2.1, 2.2 guidelines, ADA, EAA, and Section 508 compliance, California Unruh, France RGAA, European EAA EN 301 549, UK Equality Act (EA), Spain UNE 139803:2012, Australian DDA, Israeli Standard 5568, Ontario AODA, Canada ACA, German BITV, Brazilian Inclusion Law (LBI 13.146/2015), JIS X 8341 (Japan), Italian Stanca Act, Indian RPwD Act, Switzerland DDA and other <a href="https://www.skynettechnologies.com/accessibility-standards" rel="nofollow ugc">web accessibility standards</a> requirements – helping improve usability for visitors with visual, motor, cognitive, and learning disabilities.
This AI accessibility widget is ideal for websites built with WordPress themes, page builders, custom layouts, and multisite environments, offering quick, flexible, and scalable accessibility support.
Why WordPress users select All in One Accessibility®?
<ul>
<li>Quick two minutes installation.</li>
<li>Works seamlessly with classic themes, block themes, and most page builders (Elementor, Divi, Beaver Builder, Gutenberg, WPBakery, Astra, Kadence, Oxygen, Bricks, etc.).</li>
<li>AI assisted enhancements including alternative text remediation, screen reader (voice can be customized) are the key features. </li>
<li>Voice Navigation, Dictionary, Virtual Keyboard, Accessibility Profiles, Sign language Libras (Brazilian Portuguese) Custom Widget Color, Icon size, Position, Custom trigger setup, GA4 Tracking, Adobe Accessibility Analytics Tracking, custom accessibility statement link are the top features.</li>
<li>Accessibility dashboard includes managing setting for customization of widget including size, icon, colors, position, user access management, widget open / close sound preferences, and more. </li>
<li>With 70+ assistive and AI-supported features, the widget enhances accessibility across pages, posts, WooCommerce stores, landing pages, blogs, and custom templates.</li>
<li>Supports over 140 languages. Perfect for multilingual WordPress websites, global businesses, and sites serving diverse communities.</li>
<li>Compatible with WordPress multisite – individual sites can configure their own settings.</li>
<li>10 Days free trial available. Sign Up from here.</li>
</ul>
Here’s a comprehensive <a href="https://www.skynettechnologies.com/sites/default/files/accessibility-widget-features-list.pdf" rel="nofollow ugc">accessibility plugin features guide</a>.
Security and privacy aligned
<ul>
<li>It follows data protection and security practices aligned with: GDPR, CCPA, COPPA, HIPAA, and SOC 2 Type II.</li>
<li>Skynet Technologies USA LLC is an organizational member of IAAP and of W3C.</li>
<li>This helps to maintain accessibility features while respecting privacy, data protection, and security expectations required in many U.S. and international sectors such as healthcare, education, and public services.</li>
<li>No personal data is intentionally stored by the module itself.</li>
<li>Site owners are responsible for reviewing their own compliance requirements.</li>
</ul>
This helps meet expectations for industries like healthcare, education, government, and enterprise operations.
Who this WordPress accessibility plugin helps?
<ul>
<li>It is suitable for small and mid-size businesses, ecommerce/WooCommerce stores, nonprofits and community organizations, schools, universities, and educational institutions, healthcare providers, government and public sector websites, enterprises managing large scale WordPress environments, agencies delivering accessible WordPress builds for clients.</li>
</ul>
For more details, visit <a href="https://www.skynettechnologies.com/wordpress-accessibility-plugin" rel="nofollow ugc">WordPress accessibility plugin</a>.
Installation
<ul>
<li>Prerequisites
<ul>
<li>WordPress 4.9 or above</li>
</ul>
</li>
<li>Steps
<ul>
<li>Check out our <a href="https://www.skynettechnologies.com/blog/wp-accessibility-widget-installation-guide" rel="nofollow ugc">WordPress WCAG Accessibility plugin</a> installation steps blog</li>
</ul>
</li>
<li>
Add Script 
Place the following script in the header or footer section of your website or frontend:
<ul>
<li>
Option A: Plain HTML 
Place this script before the closing tag (or in the footer template). The script loads the widget after a short delay to avoid blocking page rendering.
<blockquote>
<script id=”aioa-adawidget” src=”https://www.skynettechnologies.com/accessibility/js/all-in-one-accessibility-js-widget-minify.js?colorcode=#420083&token=&position=bottom_right”></script>
</blockquote>
</li>
<li>
Option B: React/Next.js 
Add this to a client component (e.g., your layout or a top-level page).
<blockquote>
<script> 
 function load_aioa_script() { let aioa_script_tag = document.createElement("script"); 
 aioa_script_tag.id = "aioa-adawidget" aioa_script_tag.src = "https://www.skynettechnologies.com/accessibility/js/all-in-one-accessibility-js-widget-minify.js?colorcode=#420083&token=&position=bottom_right" document.getElementsByTagName("head")[0].appendChild(aioa_script_tag); } setTimeout(() => { 
 load_aioa_script(); }, 5000); </script> 
 
</blockquote>
</li>
</ul>
</li>
<li>
WordPress Accessibility DEMO URL 
<a href="https://wp.skynettechnologies.us/" rel="nofollow ugc">https://wp.skynettechnologies.us</a>
</li>
<li>
CORS Policy Configuration 
To avoid CORS policy issues, ensure the following URLs are allowed in your website. These URLs should be added to your CORS configuration or trusted domains list.
<blockquote>
Allowed Domains
<ul>
<li>
https://*.skynettechnologies.com 
 *Description:* Skynet Technologies (Global Domain) 
 *Usage:* API access and resources
</li>
<li>
https://*.skynettechnologies.us 
 *Description:* Skynet Technologies (US Domain) 
 *Usage:* API access and resources
</li>
<li>
https://*.googleapis.com 
 *Description:* Google APIs 
 *Usage:* Services like Fonts, Translation
</li>
<li>
https://*.gstatic.com 
 *Description:* Fonts APIs 
 *Usage:* Custom Fonts
</li>
<li>
https://vlibras.gov.br 
 Description: VLibras – Brazilian Sign Language Service 
 Usage: Sign Language
</li>
</ul>
</blockquote>
</li>
<li>
Instructions
</li>
</ul>
<ol>
<li>Update your server’s CORS configuration to include these URLs.</li>
<li>Ensure wildcard subdomains (*) are supported where necessary.</li>
<li>Verify the application functionality by testing requests to these domains.</li>
<li>If issues persist, consult the documentation for CORS configuration guidance.</li>
</ol>
Documentation
<ul>
<li><a href="https://www.skynettechnologies.com/wordpress-accessibility-plugin" rel="nofollow ugc">WordPress Accessibility Plugin</a></li>
<li><a href="https://www.skynettechnologies.com/blog/wp-accessibility-widget-installation-guide" rel="nofollow ugc">How to install WP accessibility Plugin</a></li>
<li><a href="https://www.skynettechnologies.com/sites/default/files/accessibility-widget-features-list.pdf" rel="nofollow ugc">Top WordPress Accessibility Plugin – Features Guide</a></li>
</ul>
Submit a Support Request 
Please visit our <a href="https://www.skynettechnologies.com/report-accessibility-problem" rel="nofollow ugc">support page</a> and fill out the form. Our team will get back to you as soon as possible.
Send Us an Email 
Alternatively, you can send an email to our support team: <a href="mailto:hello@skynettechnologies.com" rel="nofollow ugc">hello@skynettechnologies.com</a>
Accessibility Paid Add-on Services
<ul>
<li>
<a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#manual-accessibility-audit-report" rel="nofollow ugc">WordPress Manual Accessibility Audit</a>
<ul>
<li>Enhance inclusivity and user experience by evaluating your website’s accessibility by accessibility experts.</li>
<li>WCAG 2.0 / WCAG 2.1 / WCAG 2.2 Level AA conformance testing</li>
<li>Automated, semi-automated testing</li>
<li>Manual testing</li>
<li>Simple before-after UI/UX recommendations on how to fix the issues</li>
<li>Comprehensive audit report</li>
</ul>
</li>
<li>
<a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#manual-accessibility-remediation" rel="nofollow ugc">WordPress Manual Accessibility Remediation</a>
<ul>
<li>Enhance website accessibility and inclusivity with our Manual Accessibility Remediation add-on. This service includes fixing accessibility issues and thorough remediation of your website manually. Our experts ensure accessibility with WCAG standards, improve user experience for those with disabilities, and provide a detailed report on the improvements made.</li>
</ul>
</li>
<li>
<a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#pdf-document-remediation" rel="nofollow ugc">WordPress PDF / Document Accessibility Remediation</a>
<ul>
<li>The PDF / Document Remediation provides a list of inaccessible PDFs and remediated PDFs from where you can request PDF remediation service.</li>
</ul>
</li>
<li>
<a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#vpat-acr-report" rel="nofollow ugc">VPAT Report</a>
<ul>
<li>The Voluntary Product Accessibility Template (VPAT), also known as an ACR (Accessibility Conformance Report) starts with an audit and provides current details for an accessible website, application, or any other digital assets.</li>
</ul>
</li>
<li>
Accessibility Widget Paid Add-ons
<ul>
<li><a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#accessibility-widget-add-ons" rel="nofollow ugc">White Label Accessibility</a> 
Remove the Skynet Technologies logo as well as all of the footer links, popups, report a problem link and more for full white label control.</li>
<li><a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#accessibility-widget-add-ons" rel="nofollow ugc">Live Site Translations</a> 
Translate your site into over 140 languages instantly to enhance accessibility for non-native speakers, individuals with language acquisition difficulties, and those with learning disabilities.</li>
<li><a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#accessibility-widget-add-ons" rel="nofollow ugc">Modify Accessibility Menu</a> 
Build and fine-tune your widget with the Modify Menu option. Reorder, remove and restructure the widget buttons to fit your users’ specific accessibility needs.</li>
</ul>
</li>
</ul>
Accessibility Partnership Opportunities
<ul>
<li>
<a href="https://www.skynettechnologies.com/agency-partners" rel="nofollow ugc">WordPress Accessibility Agencies Partnership</a> 
Partner with us as an agency to provide comprehensive accessibility solutions to your clients. Get access to exclusive resources, training, and support to help you implement and manage accessibility features effectively.
</li>
<li>
<a href="https://www.skynettechnologies.com/affiliate-partner" rel="nofollow ugc">WordPress Accessibility Affiliated Partnership</a> 
Join our affiliate program and earn commissions by promoting All in One Accessibility®. Share our Widget with your network and help businesses improve their website accessibility while generating revenue.
</li>
</ul>
For more details, please visit <a href="https://www.skynettechnologies.com/partner-program" rel="nofollow ugc">Accessibility Partnership Opportunities</a> Page
Screenshots 
1. Supports 140 languages and 70 plus features 
2. 9 Personalize Accessibility Profile 
3. Voice Navigation 
4. Flexible Widget Options 
5. Supports 51 plus accessibility standards 
6. Security and Compliance 
7. Automated Scanning Report and Accessibility Score
WordPress Accessibility Widget Demo Video 
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/X70XtvGyvSs?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>

All in One Accessibility


This plugin does nothing by itself. You have to sign up for the plan. The settings page is just a sign-up form to submit your details..



There's a "10 day free trial" but it requires credit card info and auto charges you after the 120 days.



So basically, useless unless you sign up and pay after 10 days, it's completely useless. And the cheapest plan starts at $250 p/year, so it's not cheap either.


Does nothing without payment

AI based Website Accessibility Solution Supporting ADA, WCAG 2.0, 2.1 & 2.2, Section 508, California Unruh Act and Other accessibility standards.

A11y Kit vs All in One Accessibility