michaelb4g

This free plugin is intended to help you make your website more accessible.
It is responsive and works on desktop computers & mobile devices
You can dock the accessibility panel to any of the 4 sides in desktops and to 2 sides in mobile devices
The accessibility panel opens from an toggle icon that can be set to any of the 4 corners from the admin option panel
All the icons have a keyboard shortcut so you can control the accessibility from the keyboard even with the accessibility panel hidden 
If you know any other language beside English and want to help translating the icons names to other languages please leave me a message with your email
LEGAL DISCLAIMER: 
This plugin does not guarantee that your website will comply with any regulations. 
You can download it and install it at your own risk. 
All information has been obtained from sources, which are believed to be reliable, but accuracy and thoroughness cannot be guaranteed. Readers are solely responsible for how they use this plugin and for their results.
<h3>WordPress Admin Options</h3>
WordPress Admin Options (under WordPress Control Panel->Plugins->cool-accessibility): 
Cool Accessibilty Declaration & Icon Screen position Settings 
1. Accessibilty Declaration Page Slug (URL ) 
default page slug: site_url/website-accessibility-declaration 
(Accessibilty Declaration example at the end of this file) 
if you have multiple languages and you are using the Polylang plugin, cool-accessibility plugin will pick the parallel page in the current language
<ol>
<li>
Accessability Icon position: 
Bottom-right (default) 
Bottom-left 
Top-right 
Top-left
</li>
<li>
Skip menu settings
</li>
<li>
Highlight link color override
</li>
<li>
Highlight title background color override
</li>
</ol>
<h3>Advance settings for website developers</h3>
FONT SIZE:
<h3></h3>
changing the font size intenially doesn’t affect the tag
HIGHLIGHT_LINKS:
<h3></h3>
toggles the class ‘coolaxs_highlight_links’ in all the header tags ( “:focusable,a” )
HIGHLIGHT_TITLES:
<h3></h3>
toggles the class “coolaxs_highlight_titles_colors” in all the header tags (‘h1,h2,h3,h4,h5,h6’)
READABLE_FONT:
<h3></h3>
toggles the class “coolaxs_readable_font”
Keyboard Navigation (Tab / shift Tab icon)
<h3></h3>
if you want to change things in css – this icon adds the folowing class: 
 coolaxs_focus_css_activated
Keyboard Navigation Skip Menu:
<h3></h3>
the “skip to page content” message with fixed position is added to the top of the page 
with a css z-index:99 (because the zoom-text magnify glass of the cool-accessibility plug-in should be on top of that) 
 if there is a
<
nav> tag in the page
so this means that if there is a fixed header on the top of the page its z-index should be less than 99
PREVENT ANIMATION:
<h3></h3>
1. 
 // the following suffix should be at every animated gif or static so javascript could toggle between them automatically 
 var str_normal_image = “_static.gif”; 
 var str_animated_gif_image = “_animated.gif”;
2.
the plug in also toggles between these 2 embeded video autoplay modes 
so the video will not autoplay upon page load
embeded video
<
iframe src=”…?autoplay=1″> 
embeded video
<
iframe src=”…?autoplay=0″>
3. 
if there is an automatic loop flexslider it stops it:
BRIGHT / DARK CONTRAST
<h3></h3>
1. 
the plug in adds the following classes so you can further modify your css file: 
coolaxs_bright_contrast 
coolaxs_dark_contrast
2. 
there is also an automatic image / background image flipping mode if you prefer by the suffix of the image name
2a. 
if you have 3 images – 1 for normal contrast 2. for dark contrast 3. for bright contrast
add to your normal contrast image / background image the following suffix: “_normal_to_both” 
so your image name becomes: 
 imagename_normal_to_both.jpg 
 (or imagename_normal_to_both.png or imagename_normal_to_both.gif)
and provide in the same directory 2 more images (assuming a jpg image type) 
imagename_bright_contrast.jpg 
imagename_dark_contrast.jpg
2b. 
if you have only 2 images – 1 for normal contrast 2. for dark contrast 
and for bright contrast you use the normal contrast image 
then modify your original image / background image to this: 
imagename_normal_to_dark.jpg 
 (or imagename_normal_to_dark.png or imagename_normal_to_dark.gif)
and provide in the same directory 1 more image (assuming a jpg image type) 
imagename_dark_contrast.jpg
2c. 
if you have only 2 images – 1 for normal contrast 2. for bright contrast 
and for dark contrast you use the normal contrast image 
then modify your original image / background image to this: 
imagename_normal_to_bright.jpg 
 (or imagename_normal_to_bright.png or imagename_normal_to_bright.gif)
and provide in the same directory 1 more image (assuming a jpg image type) 
imagename_bright_contrast.jpg
List of all added JavaScript classes
<h3></h3>
This is the list of all the classes that the Javascript file adds/toggles so you can modify your CSS file if you want to custom your site to this plugin: 
 $html.addClass(‘coolaxs_mobile’); 
 $html.addClass(‘coolaxs_mobile_landscape’); 
$(‘#coolaxs_letter_spacing_group’).addClass(‘coolaxs_acivated_button’);// to all the cool accessibility plugin buttons
<pre><code> $( ":focusable,a" ).addClass('coolaxs_highlight_links');
 $( 'h1,h2,h3,h4,h5,h6' ).each(function(i, val){ $(val).addClass( "coolaxs_highlight_titles_colors" ); });
 $(val).addClass( "coolaxs_bright_contrast" ); if ( coolaxs_hasBkgcolor(val) ) $(val).addClass( "coolaxs_bright_contrast_bkg_color" );
 $(val).addClass( "coolaxs_dark_contrast" ); if ( coolaxs_hasBkgcolor(val) ) $(val).addClass( "coolaxs_dark_contrast_bkg_color" ); 
 $("html").addClass("coolaxs_prevent_animations");
 $("*,body,a,span,li *").addClass( "coolaxs_readable_font" ); 
 $("*").not(':focusable,a,span').addClass( "coolaxs_big_white_cursor" ); 
 $("*").not(':focusable,a,span').addClass( "coolaxs_big_black_cursor" ); 
 $('body').addClass('coolaxs_focus_css_activated');// keyboard navigation
 $('body').addClass('COOL_ACCESSIBILITY_right_accessibility_panel');
 $('body').addClass('COOL_ACCESSIBILITY_left_accessibility_panel');
 $('body').addClass('COOL_ACCESSIBILITY_bottom_accessibility_panel');
 $('body').addClass('COOL_ACCESSIBILITY_top_accessibility_panel');
</code></pre>
Accessibility declaration example
<h3></h3>
#### attaches great importance to providing a high quality, professional and accessible service to all residents, including those with disabilities.
Measures are being carried out in order to make this website accessible.
Accessibility adjustments were made based on the recommendations for Intenet Contents at AA rating.
Browsers support:
This website support popular browsers such as: 
Mozila Firefox, Google Chrome 
Questions about accessibility:
For questions or suggestions regarding accessibility you may send an email to ##########
Email to: ###@#####
Telephone: ########## 
Accessibility adjustments that were made:
In order to meet the accessibility requirements, several adjustments were made to the site:
<pre><code>
</code></pre>
For your knowledge :
The site uses the ?local storage? entries option in the browser to maintain the menu preferences settings and the accessibility of the pages of the site. 
This ?local storage? is not sent back to the server and therefore does not provide any information about your browsing. 
These ?local storage? entries are deleted when you delete cookies ? and you can set any browser to delete all cookies upon closing the browser 
Or alternatively if you want the accessibility menu preferences to be preserved ? do not delete the cookies files
Thank you and happy surfing.

Cool Accessibility

Accessibility plugin - Make the site easier to read and navigate

Skynet Technologies USA LLC

The <a href="https://www.skynettechnologies.com/wordpress-accessibility-plugin" rel="nofollow ugc">WordPress Accessibility Widget</a> – All in One Accessibility® gives businesses, agencies, non-profits, 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 <a href="https://www.skynettechnologies.com/all-in-one-accessibility" rel="nofollow ugc">AI accessibility widget</a> is ideal for websites built with WordPress themes, page builders, custom layouts, and multisite environments, offering quick, flexible, and scalable accessibility support.
The features of WordPress WCAG ADA EAA accessibility module: 
* AI assisted enhancements including alternative text remediation, screen reader (voice can be customized) are the key features. 
* 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. 
* Accessibility dashboard includes managing setting for customization of widget including size, icon, colors, position, user access management, widget open / close sound preferences, and more. 
* Supports over 140 languages. Perfect for multilingual WordPress websites, global businesses, and sites serving diverse communities.
Explore the comprehensive <a href="https://www.skynettechnologies.com/sites/default/files/accessibility-widget-features-list.pdf" rel="nofollow ugc">features of WP WCAG accessibility widget</a>.
Why is this WP accessibility widget the preferred choice for WordPress websites?
<ul>
<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>The WP accessibility module enhances accessibility across pages, posts, WooCommerce stores, landing pages, blogs, and custom templates.</li>
<li>Compatible with WordPress multisite – individual sites can configure their own settings.</li>
<li>It requires minimal setup and can be managed directly from the WordPress dashboard, requires no code changes, and adapts automatically to theme updates.</li>
</ul>
Security and privacy aligned
<ul>
<li>It follows data protection and security practices aligned with: ISO 9001: 2015, ISO 27001: 2022, 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 does this WordPress accessibility plugin help?
<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>
WP accessibility widget paid add-ons
<ul>
<li>
<a href="https://www.skynettechnologies.com/website-accessibility-audit" 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/full-website-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/pdf-accessibility-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/vpat-accessibility-conformance-report" rel="nofollow ugc">WordPress website VPAT /ACR report service</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>
<a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#accessibility-widget-add-ons" rel="nofollow ugc">WordPress White Label Accessibility</a>
<ul>
<li>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>
</ul>
</li>
<li><a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#accessibility-widget-add-ons" rel="nofollow ugc">WP site live translations</a>
<ul>
<li>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>
</ul>
</li>
<li><a href="https://www.skynettechnologies.com/all-in-one-accessibility/addons#accessibility-widget-add-ons" rel="nofollow ugc">Modify Accessibility Menu for WordPress website</a>
<ul>
<li>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
<h3>Third Party Libraries</h3>
This plugin bundles jscolor (https://jscolor.com) 
License: GPLv3
<h3>External Services</h3>
This plugin connects to external services operated by Skynet Technologies to provide automated accessibility scanning, widget rendering, and accessibility feature processing. These services perform real-time processing on external servers that cannot be reasonably performed locally within WordPress.
<ol>
<li>
Service: ADA Widget Platform API 
Domain: https://ada.skynettechnologies.us 
Purpose: Performs server-side processing required to generate and manage the accessibility widget, register the site domain, and apply widget configuration changes. 
Data Sent: Site URL and plugin configuration options when the plugin is activated or when settings are updated. 
Terms of Service: https://www.skynettechnologies.com/terms-conditions 
Privacy Policy: https://www.skynettechnologies.com/privacy-policy
</li>
<li>
Service: ADA Add-User-Domain API 
Domain: https://ada.skynettechnologies.us/api/add-user-domain 
Purpose: Registers the site domain with the accessibility platform so that automated accessibility processing and widget services can be provided. 
Data Sent: Site domain name. 
Terms of Service: https://www.skynettechnologies.com/terms-conditions 
Privacy Policy: https://www.skynettechnologies.com/privacy-policy
</li>
<li>
Service: ADA Widget Script Hosting 
Domain: https://www.skynettechnologies.com 
Purpose: Delivers JavaScript and SVG assets required to render the accessibility widget on the front end. 
Data Sent: None. (Static assets only) 
Terms of Service: https://www.skynettechnologies.com/terms-conditions 
Privacy Policy: https://www.skynettechnologies.com/privacy-policy
</li>
<li>
Service: Widget Setting Update Platform API 
Domain: https://ada.skynettechnologies.us/api/widget-setting-update-platform 
Purpose: Processes and applies widget configuration changes on the accessibility platform servers. 
Data Sent: Plugin configuration settings when saved by the site administrator. 
Terms of Service: https://www.skynettechnologies.com/terms-conditions 
Privacy Policy: https://www.skynettechnologies.com/privacy-policy
</li>
</ol>

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.

Cool Accessibility vs All in One Accessibility