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

<h3>Make Your Website Accessible with Accessibility Checker</h3>
Equalize Digital Accessibility Checker helps you find and fix accessibility issues in WordPress. Scan posts and pages as you edit, review WCAG-based issues inside WordPress, apply automated fixes for common barriers, and generate an accessibility statement to support your compliance efforts.
Whether you’re improving compliance with accessibility laws, working toward Web Content Accessibility Guidelines (WCAG) conformance, or making your website easier for everyone to use, Accessibility Checker gives your team a practical workflow for ongoing accessibility testing and remediation.
<a href="https://equalizedigital.com/accessibility-checker/" rel="nofollow ugc">Plugin Website</a> | <a href="https://equalizedigital.com/demo/" rel="nofollow ugc">Live Demo</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>Why Make Your Website Accessible</h3>
Laws around the world, such as the European Accessibility Act (EAA), Americans with Disabilities Act (ADA), and Section 508, among others, require websites to be accessible and usable by people with disabilities. Accessibility may be required for your website to be legally compliant.
Accessibility fixes on websites often translate to better overall usability on the site and can improve search engine ranking and conversions.
Including Accessibility Checker on your website and fixing identified problems can help you to:
<ul>
<li>Reduce legal risk.</li>
<li>Improve SEO and increase reach.</li>
<li>Increase sales and conversions.</li>
<li>Reduce operational costs by allowing more people to self-serve on your website.</li>
<li>Live your organizational values.</li>
</ul>
<h3>Real-Time WordPress Accessibility Scanning</h3>
Accessibility Checker scans your content each time you save or publish and shows accessibility problems directly in the WordPress editor. You can review issues without leaving the edit screen, or switch to a front-end view to see exactly which elements need attention.
Accessibility Checker runs over 40 automated checks based on Web Content Accessibility Guidelines (WCAG) 2.2 and provides documentation for every issue so content creators, site owners, and developers can fix problems faster.
<h3>Automated Accessibility Fixes</h3>
Need help resolving accessibility issues on your website? Accessibility Checker includes one-click fixes for common accessibility barriers in themes and plugins.
<ul>
<li>Add skip links</li>
<li>Add focus outlines</li>
<li>Block links from opening new windows</li>
<li>Force links to be underlined</li>
<li>Label comment fields</li>
<li>Label search fields</li>
<li>Add missing <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>Show error message for empty search submissions</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>Supports Accessibility Compliance Efforts</h3>
Laws and policies around the world require websites to be accessible. Accessibility Checker helps teams identify issues early, document progress, and support conformance work related to ADA, Section 508, AODA, EAA, WCAG, and more.
<ul>
<li>Find problems faster.</li>
<li>Learn accessibility as you go.</li>
<li>Apply automated fixes for common barriers.</li>
<li>Track changes over time. [Pro]</li>
<li>Get personalized support and custom plans for more complex remediation needs. [Pro]</li>
</ul>
Accessibility Checker scans run on your server. This means there are no URL-based scanning limits or API-usage fees. Get unlimited scanning of posts and pages without worrying about costs each time you scan.
<h3>Why Accessibility Checker</h3>
Accessibility Checker is designed to support both day-to-day publishing and broader accessibility initiatives.
<ul>
<li>No limits on pages scanned. Scan as many posts and pages as your site contains.</li>
<li>Built by accessibility professionals. Equalize Digital team members include certified accessibility professionals and experienced WordPress accessibility practitioners.</li>
<li>WCAG 2.2 A, AA, and AAA guidance. Review issues against current WCAG success criteria.</li>
<li>Readability analysis and simplified summary support. Check Flesch-Kincaid grade level and add a simplified summary for WCAG Success Criterion 3.1.5 Reading Level.</li>
<li>Remove issues from reports. Dismiss items that have been manually reviewed and found not relevant or remediated, with notes, usernames, and timestamps.</li>
<li>Accessibility statement generator. Draft an accessibility statement that you can customize and publish on your website.</li>
<li>Footer accessibility statement. Insert an accessibility statement into your footer with one click.</li>
<li>Detailed documentation. Use help articles and instructions for every issue to guide remediation.</li>
<li>[Pro] Bulk scanning. Scan all posts and pages in bulk for a site-wide overview.</li>
<li>[Pro] Scan additional post types. Extend in-editor accessibility checks to more content types.</li>
<li>[Pro] Admin columns. View accessibility status at a glance in content lists.</li>
<li>[Pro] Full-site reports. See existing issues in one place for faster remediation.</li>
<li>[Pro] Dismissed Log. Review dismissed issues, who dismissed them, and when.</li>
<li>[Pro] User restrictions on Dismiss. Limit which roles can dismiss issues.</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, see our <a href="https://equalizedigital.com/accessibility-checker/getting-started-quick-guide/" rel="nofollow ugc">Getting Started Quick Guide</a> or watch this video demonstration. Please note that the video includes some features available only 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>Support</h3>
The Equalize Digital team provides 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 the team will do its best to respond quickly. Support hours are Monday through Friday, 9:00 AM to 5:00 PM U.S. Central.
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>. 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 working to make websites more accessible.
For paid Accessibility Checker customers on a small business plan or above, we provide two accessibility <a href="https://equalizedigital.com/learn/office-hours/" rel="nofollow ugc">office hours</a> calls each month to answer remediation questions.
<h3>Compatibility</h3>
Accessibility Checker supports multiple WordPress editing and site-building workflows and has been tested with:
<ul>
<li>Gutenberg Block Editor</li>
<li>The Classic Editor</li>
<li>Advanced Custom Fields</li>
<li>Avada</li>
<li>Beaver Builder</li>
<li>Divi</li>
<li>Elementor</li>
<li>Oxygen</li>
<li>WP Bakery</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. We’re the trusted accessibility auditing team for WordPress plugin developers and organizations worldwide, including government, higher education, nonprofit, and enterprise businesses.

Equalize Digital Accessibility Checker – WCAG, ADA, EAA and Section 508 compliance

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!


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

Another good plugin on WordPress.org


Works well, but double check with a screen reader. Then, use the Ignore feature to clear each page. 


Yes!

Find and fix accessibility issues with confidence. Real-time reports, automated fixes, and guidance. Reduce compliance risk and reach more users.

Cool Accessibility vs Equalize Digital Accessibility Checker – WCAG, ADA, EAA and Section 508 compliance