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.

Ability, Inc

Take your web accessibility to the next level with the Max Access WordPress Plugin, the ultimate tool for boosting your website’s accessibility. Developed by the web accessibility experts at Ability, Inc., this plugin seamlessly integrates with your WordPress site to provide comprehensive accessibility solutions, helping you meet the Web Content Accessibility Guidelines (WCAG) and other international standards.
Max Access is free forever and does not require a credit card to use. There are paid pro and AI-driven features available if you want them.
Features That Make a Difference
<ol>
<li>
Real-Time Issue Detection and Fixes 
Max Access identifies and corrects web accessibility issues in real-time. This feature allows you to boost compliance as you create and update content, saving you time and effort.
</li>
<li>
Customizable Accessibility Toolbar 
Enhance your site’s user experience with a customizable accessibility toolbar. Visitors can adjust settings to suit their needs, such as text size, contrast, and more, ensuring a personalized browsing experience.
</li>
<li>
Text to Speech 
Max Access features advanced text-to-speech capabilities that convert written content into natural-sounding audio in real-time. This feature supports multiple languages and voice options, ensuring that all users, including those with visual impairments or reading difficulties, can access and understand your content.
</li>
<li>
Extended Remediation Reports 
Receive detailed compliance reports that outline your site’s accessibility status. These reports are invaluable for maximizing your accessibility beyond automated remediation.
</li>
<li>
AI-Driven Alt-Tag & ARIA Label Manager 
Max Access leverages AI to automatically generate accurate alt tags for images and ARIA labels for interactive elements but gives you full access to oversee, manage, and update them as you see fit or to maximize your SEO.
</li>
<li>
Regular Updates and Support 
Stay ahead of the curve with regular updates that ensure your site remains compliant with the latest accessibility standards. Our dedicated support team is always ready to assist with any issues or questions.
</li>
<li>
User-Friendly Interface 
Designed for ease of use, the plugin features an intuitive interface that makes navigating accessibility features simple, even for those with limited technical expertise.
</li>
</ol>
Benefits That Drive Results
<ol>
<li>
Boosts Your Website’s Reach and Engagement 
By making your website more accessible, you expand your audience, increase user engagement, and improve brand perception among all visitors.
</li>
<li>
Enhances SEO Performance 
Accessible websites often rank higher in search engine results. Max Access WordPress helps you optimize your site for both accessibility and SEO, driving more organic traffic.
</li>
<li>
Mitigates Legal Risks 
Lack of web accessibility can lead to costly lawsuits. Max Access helps you stay compliant with WCAG and other accessibility requirements, significantly.
</li>
<li>
Increases Conversion Rates 
Accessible websites provide a better user experience, leading to higher conversion rates. Ensure potential customers can navigate and interact with your site easily.
</li>
</ol>
Why Choose Web Accessibility with Max Access WordPress? 
Max Access is built by Ability, Inc., a leader in web accessibility solutions. Our expertise and dedication to inclusivity have driven the development of the Max Access web accessibility plugin.

Web Accessibility with Max Access

The ultimate web accessibility plugin. Leverages AI to scan your site, fix website code, and improve SEO. Includes the web accessibility toolbar.

A11y Kit vs Web Accessibility with Max Access