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

Steve Jones

Amber Hinds

Road Warrior Creative

philwebs

Equalize Digital

<a href="https://equalizedigital.com/accessibility-checker/" rel="nofollow ugc">Plugin Website</a> | <a href="https://equalizedigital.com/accessibility-checker/documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://equalizedigital.com/accessibility-checker/features/#comparison" rel="nofollow ugc">Compare Free to Pro</a> | <a href="https://equalizedigital.com/accessibility-checker/pricing/" rel="nofollow ugc">Get Pro</a> | <a href="https://equalizedigital.com/wordpress-accessibility-meetup/" rel="nofollow ugc">WP Accessibility Meetup</a> | <a href="https://www.facebook.com/groups/wordpress.accessibility" rel="nofollow ugc">WP Accessibility Facebook Group</a>
<h3>Make Your Website Accessible with Accessibility Checker</h3>
Equalize Digital Accessibility Checker helps you find and fix accessibility problems as you create content — no need to leave the WordPress editor. The plugin scans your posts and pages each time you save or publish, then shows errors and warnings directly in the edit screen so you can fix issues in real time.
Accessibility Checker runs over 40 automated checks based on Web Content Accessibility Guidelines (WCAG) 2.2 and highlights exactly which elements fail WCAG. If you aren’t sure what a code snippet means, flip to the front-end view to see the element highlighted on your website.
Accessibility Checker also includes 10 automated fixes to resolve common accessibility barriers for you. Helpful documentation is available for every issue, and accessibility consulting is available if you need expert help.
<h3>Automated Accessibility Fixes</h3>
Have accessibility issues on your website that you can’t fix? Accessibility Checker can fix common issues in themes and plugins. One-click fixes include:
<ul>
<li>Add skip links</li>
<li>Add focus outlines</li>
<li>Block links opening new windows</li>
<li>Force links to be underlined</li>
<li>Label comment fields</li>
<li>Label search fields</li>
<li>Add <code>lang</code> & <code>dir</code> attributes</li>
<li>Make the viewport scalable</li>
<li>Remove positive tab index to fix incorrect focus order</li>
<li>Remove title attributes from elements with preferred accessible names</li>
<li>Add warnings to links that open in new tabs</li>
<li>Add file size & type to links [Pro]</li>
<li>Add missing page titles [Pro]</li>
<li>Block PDF uploads [Pro]</li>
<li>Label form fields [Pro]</li>
</ul>
<h3>Ensure Ongoing ADA, Section 508, AODA, European Accessibility Act & WCAG Compliance</h3>
Laws around the world require websites to be accessible. Equalize Digital Accessibility Checker is the best automated tool to run to support your accessibility strategy.
<ul>
<li>Find problems fast.</li>
<li>Learn accessibility as you go.</li>
<li>Easy automated fixes.</li>
<li>Personalized support and custom plans for more complex remediation needs. [Pro]</li>
</ul>
Start making your website comply with accessibility laws and requirements today. Making your website accessible reduces legal risk, improves SEO, and can increase conversions.
<h3>A Vital Part of Your WordPress Accessibility Strategy</h3>
Accessibility Checker is the best automated tool to run along with your manual accessibility tests. It’s perfect for small business websites, large enterprise organizations, and everything in between. Whether you’re running a small brochure website, an eCommerce store with thousands of products, or a multi-site network for a university, Accessibility Checker is the right tool for your website.
<ul>
<li>No limits on pages scanned. Have hundreds of blog posts or pages on your website? No problem!</li>
<li>Coded and tested by accessibility experts. Equalize Digital team members are certified accessibility professionals by the International Association of Accessibility Professionals and experts at building accessible WordPress websites.</li>
<li>WCAG 2.2 A, AA, & AAA guidance. Flags errors and warnings for accessibility problems according to WCAG 2.2.</li>
<li>Readability analysis & auto insertion of simplified summary. Includes a Flesch Kincaid grade level analysis and a place to enter a simplified summary to meet WCAG Success Criterion 3.1.5 Reading Level.</li>
<li>Ignore feature. Easily close errors or warnings that have been assessed manually and determined to be not relevant. Optionally, document a reason/notes with each ignore. Logs the username and date/time when errors/warnings are ignored.</li>
<li>Accessibility statement. Draft accessibility statement that you can modify for your organization and publish on your website to share your accessibility efforts with the public.</li>
<li>Footer accessibility statement. One-click to insert an accessibility statement in your footer.</li>
<li>Detailed documentation. Thorough help articles and instructions for fixing problems – the perfect resource for learning more about accessibility.</li>
<li>[Pro] Bulk scanning. Scan all posts and pages in bulk rather than one-by-one for an overview of your entire site’s accessibility.</li>
<li>[Pro] Scan additional post types. Add the Accessibility Checker in-post accessibility audit to any post type present on your website.</li>
<li>[Pro] Admin columns. Quickly seeing the accessibility status of posts and pages at a glance by adding accessibility status columns.</li>
<li>[Pro] Centralized Open Issues list. See all existing issues in one place for fast-track accessibility remediation.</li>
<li>[Pro] Ignore Log. See all items that have been ignored on the website, by whom, and when, in one central place. Reopen errors or warnings that have been incorrectly ignored.</li>
<li>[Pro] User restrictions on Ignore. Limit which user roles can ignore errors and warnings – allows for greater admin control and management of accessibility review.</li>
</ul>
Additional paid add-ons include;
<ul>
<li>Audit History add-on: track and report on changes over time.</li>
<li>CSV Export add-on: export issues to CSV for management in a spreadsheet or project management tool.</li>
<li>Multisite add-on: see accessibility status and manage settings for all sites in your network.</li>
</ul>
<h3>How It Works</h3>
To get started with Accessibility Checker or learn more about how it works, please reference our <a href="https://equalizedigital.com/accessibility-checker/getting-started-quick-guide/" rel="nofollow ugc">Getting Started Quick Guide</a> or watch this quick video demonstration of the software. Please note that the video demonstration does show some features that are only available in the paid version.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ncAfP06dPpU?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>
<h3>Our Support Team is Here to Help You</h3>
The Equalize Digital team aims to provide regular support for Accessibility Checker on the WordPress.org forums. If you have a question about the plugin or its use, please post in the support forum, and we will do our best to help you quickly. Our support hours are Monday-Friday, 9:00 AM to 5:00 PM U.S. Central. Please understand that we do prioritize support for purchasers of Accessibility Checker Pro.
If you need one-on-one email support, please consider purchasing <a href="https://equalizedigital.com/accessibility-checker/pricing/" rel="nofollow ugc">Accessibility Checker Pro</a>. Accessibility Checker Pro customers receive unlimited personal support on plugin usage and features.
Join our <a href="https://www.facebook.com/groups/wordpress.accessibility" rel="nofollow ugc">WordPress Accessibility Facebook group</a> for community support and to connect with other developers, designers, and content creators who are working to make their websites more accessible. This is a great place to get free WP accessibility remediation assistance from others in the community.
For paid Accessibility Checker customers on a small business plan or above, we provide two accessibility <a href="https://equalizedigital.com/accessibility-checker/pricing/#common-pre-sale-questions" rel="nofollow ugc">office hours</a> calls each month to address your remediation queries. This is an invaluable resource for those who need direct assistance and expert insights when making their sites more accessible.
<h3>Multi-platform Accessibility</h3>
Accessibility Checker supports a variety of WordPress editors and can scan and identify issues no matter how you’re building your site. Accessibility Checker has been tested and confirmed compatible with:
<ul>
<li>Gutenberg Block Editor</li>
<li>The Classic Editor</li>
<li>Advanced Custom Fields</li>
<li>Beaver Builder</li>
<li>Divi</li>
<li>Elementor</li>
<li>Oxygen</li>
<li>[Pro] WooCommerce</li>
</ul>
<h3>Learn Accessibility</h3>
Want to learn more about accessibility and stay on-top of accessibility best practices? Attend an official WordPress Accessibility Meetup!
These free virtual meetups are held twice per month via Zoom and are live captioned. <a href="https://equalizedigital.com/wordpress-accessibility-meetup/" rel="nofollow ugc">Learn more about WP Accessibility Meetup</a>
<h3>About Us</h3>
<a href="https://equalizedigital.com" rel="nofollow ugc">Equalize Digital</a> is a mission-driven organization striving to create a world where all people have equal access to products and tools on web, regardless of ability. Our team has been building custom WordPress websites, themes, and plugins since 2010, including government, higher ed, and enterprise websites.

Equalize Digital Accessibility Checker – Audit Your Website for WCAG, ADA, and Section 508 Accessibility Errors

If you care about the people visiting your site, you should install this plugin.

If you care about the sites you develop for clients, you should install this plugin.

If you want a quick and easy way to take your best efforts at creating a site, and turn them into great sites, you should install this plugin.

Want to spot all the ways your "premium" theme is actually not all that great? You got it: install this plugin. Warning: this plugin will make you want to get a refund from your theme shop, and to go to a theme shop that actually cares about *their* product.

There are very few plugins in WordPress that make literally every site they touch better. This is one. 

An absolute must-have.

... this plugin is for you.

This plugin isn't a band-aid overlay that clutters the site, doesn't improve accessibility, and affects performance. 

Rather, Accessibility Checker works in the WP Admin by scanning the site and providing a straightforward, prioritized list of actionable advice on improving accessibility. This is backed by great documentation, support, and community involvement from Equalize Digital.

Our company upgraded to the paid version for CPT support and the other premium features – I can't recommend it highly enough.



If you care about accessibility . . .


This plugin is an absolute LIFESAVER that serves as a second pair of eyes as I build out pages and posts on my website. If you are looking to improve the accessibility of your websites, this plugin is *the* answer. It will not only point out any potential issues, but it does a great job of leading you to resources on how to fix thing in case you get stuck. Not to mention the team behind it... Equalize Digital is the go-to for website accessibility! Thanks for the awesome plugin! 


Livesaver!


I love this plugin. It's been really easy to train my clients to use when they are working with their content. And they have great support!


Love this plugin!

Another good plugin on WordPress.org


One of the things I love about this plugin is that it doesn't fix things for me. It shows me what needs to be fixed, and directs me to information on how to do that. Learning about web accessibility to make me a better web citizen is paramount to being able to create accessible sites for all.






Making my site more accessible by teaching me how to do it

Find and fix accessibility issues on your website. Detailed reports, autogenerated accessibility statement and one-click fixes to improve compliance.

Cool Accessibility vs Equalize Digital Accessibility Checker – Audit Your Website for WCAG, ADA, and Section 508 Accessibility Errors