Md Jakirul Islam

CodeConfig

<a href="https://codeconfig.dev/accessiy/" rel="nofollow ugc">Accessiy by CodeConfig is an accessibility plugin</a>, designed to enhance website accessibility for all users, including those with visual, auditory, motor, or cognitive disabilities. With a one-click accessibility setup, Accessiy by CodeConfig ensures your site meets WCAG 2.1, ADA, and European Accessibility Act (EAA) accessibility standards. This lightweight accessibility solution, built without jQuery, delivers top-tier accessibility performance and integrates seamlessly with any WordPress theme. Accessiy, powered by CodeConfig’s accessibility toolkit, empowers site owners to create an inclusive, accessibility-first digital experience.
<a href="https://codeconfig.dev/accessiy" rel="nofollow ugc">👁️More Features</a> | <a href="https://codeconfig.dev/accessiy" rel="nofollow ugc">👑Get Pro</a> | <a href="https://codeconfig.dev/docs/accessiy" rel="nofollow ugc">📄Documentations</a> | <a href="https://www.youtube.com/playlist?list=PLNYVH9xXmhE1hwQrT0n0qR4QQ4x07BkFG" rel="nofollow ugc">⏯️Video Tutorials</a><a> | </a><a href="https://codeconfig.dev/support-portal/" rel="nofollow ugc">🎧Support</a>
<iframe loading="lazy" title="#1 Accessibility Widgets by Accessiy || Easy One-Click Accessibility Toolbar for Your Website" width="750" height="422" src="https://www.youtube.com/embed/0LxhulbP9A0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Why Choose Accessiy by CodeConfig for your Website?</h3>
Accessiy by CodeConfig is offering a no-code accessibility solution to make your site universally accessible. Key accessibility benefits include: 
– One-Click Accessibility Setup: Activate accessibility features instantly for immediate accessibility improvements. 
– WCAG & EAA Accessibility Compliance: Supports global accessibility standards like WCAG 2.1 and EAA for inclusive accessibility. 
– Customizable Accessibility Toolbar: Tailor accessibility icon, size, position, and branding for seamless accessibility integration. 
– Lightweight Accessibility Design: Optimized for speed with no jQuery, ensuring fast accessibility performance. 
– Multilingual Accessibility Support: Offers accessibility in 35+ languages, including all EU accessibility-compliant languages. 
– GDPR-Compliant Accessibility: No user data collection; accessibility settings stored in localStorage for privacy-focused accessibility. 
– Responsive Accessibility Design: Accessibility optimized for desktop, tablet, and mobile devices. 
– Accessibility Statement Generator: Create a compliance-ready accessibility statement to showcase your accessibility commitment.
<h3>Why Is Accessibility Important?</h3>
Accessibility is essential for ethical and legal reasons. Website owners are responsible for ensuring accessibility compliance with WCAG and EAA standards, making accessibility features critical for inclusivity. Accessibility improves user experience, boosts SEO, and widens your audience, making accessibility a smart business choice. Accessiy by CodeConfig simplifies accessibility compliance, helping you meet rising accessibility regulations.
<h3>Core Accessibility Features</h3>
Accessiy by CodeConfig’s accessibility toolkit provides comprehensive accessibility enhancements for WordPress sites:
<h3>📝 Content Accessibility Adjustments <a href="https://youtu.be/bnkTpgVv-lU?si=_KLVLdwJQAgVxy7D" rel="nofollow ugc">[▶️Video Overview]</a></h3>
✅ Bigger Text (FREE): Boost accessibility with larger font sizes for improved readability
✅ Line Height (FREE): Enhance accessibility by adjusting line spacing for clearer text
✅ Text Alignment (FREE): Improve accessibility with left-aligned or justified text options
✅ Readable Font (FREE): Switch to dyslexia-friendly fonts for accessibility-focused readability
🔍 Text Magnifier (PRO): Hover-to-magnify text for advanced accessibility visibility
🔗 Highlight Links (FREE): Emphasize links to enhance accessibility in navigation
🖱️ Cursor Customization (FREE): Enlarge or style cursors for accessibility-friendly visibility
🔡 Letter Spacing (FREE): Manage letter spacing for enhanced readability
⌨️ Keyboard Navigation (FREE): Use keyboard to navigate your website
<h3>🧭 Orientation Accessibility Adjustments</h3>
📑 Page Structure (PRO): Highlight content structure for better accessibility in navigation flow
🗣️ Screen Reader Support (PRO): Enable text-to-speech accessibility for visually impaired users
📖 Reading Mask (PRO): Dim surrounding content to focus on specific accessibility-enhanced sections
🗺️ Site Map (PRO): Display a structured accessibility view of page elements for intuitive navigation
🖼️ Hide Images (PRO): Reduce visual clutter by removing images
⏸️ Pause Animations (FREE): Stop animations to improve accessibility for motion-sensitive users
🔇 Mute Sounds (PRO): Disable audio for distraction-free accessibility
📏 Reading Line (FREE): Add a horizontal guide for accessibility-guided reading
🔲 Outline Focus (FREE): Highlight headings and focusable elements for accessibility clarity
🏷️ Highlight Titles (FREE): Highlight your website titles with one click
<h3>🎨 Color Accessibility Adjustments</h3>
⚫ Grayscale Mode (PRO): Convert pages to black-and-white for accessibility-friendly contrast
🌗 Contrast Adjustment (PRO): Optimize accessibility with enhanced contrast for visual impairments
🔄 Invert Colors (PRO): Invert colors for improved visibility
💡 Brightness Control (FREE): Adjust brightness for tailored viewing comfort
🌈 Saturation Adjustment (PRO): Modify color intensity for optimized visuals
<h3>📊 Analytics</h3>
📌 Enable Analytics: One-click toggle to start tracking which features users interact with most
📈 Display Analytics: View usage data based on selected timeframes (All Time, Last 30 Days)
📊 Chart Type: Choose from 13 different chart types to visualize usage trends effectively
⭐ Uses Features: Displays the top 7 most used features along with a full list of all accessibility tools and their usage counts
<h3>📊 Statement Generator</h3>
📝 Generate Accessibility Statement 
Easily create a professional accessibility statement for your website to demonstrate compliance and transparency
<h3>Multilingual Accessibility Support</h3>
Accessiy by CodeConfig ensures accessibility across 35+ languages, including: 
🇬🇧 English, 🇩🇪 Deutsch, 🇪🇸 Español, 🇫🇷 Français, 🇮🇹 Italiano, 🇵🇱 Polski, 🇸🇪 Svenska, 🇫🇮 Suomi, 🇵🇹 Português, 🇷🇴 Română, 🇸🇮 Slovenščina, 🇸🇰 Slovenčina, 🇳🇱 Nederlands, 🇩🇰 Dansk, 🇬🇷 Ελληνικά, 🇨🇿 Čeština, 🇭🇺 Magyar, 🇱🇹 Lietuvių, 🇱🇻 Latviešu, 🇪🇪 Eesti, 🇭🇷 Hrvatski, 🇮🇪 Gaeilge, 🇧🇩 বাংলা, 🇮🇳 हिन्दी, 🇧🇬 Български <a href="https://codeconfig.dev/accessiy/" rel="nofollow ugc">and more, for global accessibility reach.</a>
<h3>24/7 Support</h3>
Our dedicated accessibility support team is available 24/7 for accessibility-related installation, customization, or troubleshooting. Contact us at <a href="https://codeconfig.dev/support-portal/" rel="nofollow ugc">Support Portal</a> for accessibility assistance.
<h3>Accessibility Customization Options</h3>
<ul>
<li>Enable/disable specific accessibility features for tailored accessibility.</li>
<li>Customize accessibility toolbar icon, title, and position (desktop, tablet, mobile).</li>
<li>Adjust accessibility-focused dark mode and cursor colors.</li>
<li>Save or reset accessibility preferences for user-friendly accessibility.</li>
<li>Show/hide accessibility plugin on specific pages or templates.</li>
</ul>
<h3>Contribute</h3>
Accessiy by CodeConfig is an open source project. You can view the full sources (unminified JS) and contribute to the project on GitLab: https://gitlab.com/jakirul/codeconfig-accessibility
<h3>🔥 WHAT’S NEXT 🔥</h3>
Consider checking out our other products:
📦 <a href="https://wordpress.org/plugins/integrate-dropbox/" rel="ugc">File Manager For Dropbox</a> – File Manager for Dropbox lets you connect your cloud storage to your site so you can upload, embed, and share files without touching your server space.
📂 <a href="https://wordpress.org/plugins/integration-google-drive/" rel="ugc">Integration Google Drive</a> – Easily use any Google Drive files to WordPress with awesome gallery, slider carousel, file browser, and embed documents.
🛒 <a href="https://wordpress.org/plugins/essential-addons-for-woocommerce" rel="ugc">Essential Addons for WooCommerce</a> – Packed with 14+ must-have features to supercharge your WooCommerce store.
🌙 <a href="https://wordpress.org/plugins/dusky-dark-mode/" rel="ugc">Dusky Dark Mode</a> – A beautifully designed dark mode plugin for WordPress that enhances user experience day and night.

Accessiy by CodeConfig Widget for ADA, EAA & WCAG Compliance

Accessiy by CodeConfig – One-click setup for WCAG, ADA & EAA compliance with smart, customizable accessibility tools

rudizi

MH-Accessibility is a professional accessibility solution for WordPress websites. 
It provides a fully customizable accessibility toolbar designed to improve usability, visual accessibility, and compliance with WCAG 2.1 / 2.2 and international standards like ADA and BFSG.
Built for modern businesses, agencies, and organizations, MH-Accessibility combines design flexibility, powerful user tools, and compliance-oriented features.
<h3>Key Features in the Free Version:</h3>
<ul>
<li>Widget Design – Customize the appearance, size, colors, text color, and border radius of the accessibility widget. Choose between light and dark themes and decide whether to display the branding.</li>
<li>Trigger Design – Configure the widget trigger’s appearance: icon, size, style, and horizontal and vertical positioning on the page.</li>
<li>Content Modules – Control text size, line height, letter spacing, legible fonts, link highlighting, text alignment, large cursor, focus outline, autoplay stop, heading highlighting, text-to-speech, cursor reading aid, intelligent spacing, and dyslexia-friendly fonts.</li>
<li>Visual Modules – Color modes and contrast settings such as dark mode, high contrast, monochrome, invert colors, colorblind filters, intelligent contrast, and saturation.</li>
<li>Orientation & Navigation – Reading aids, focus tools, and animation settings: reading line, reading mask, stop animations, hide images, and keyboard navigation.</li>
</ul>
<h3>Pro Features (Premium Version)</h3>
For even more control and compliance, MH-Accessibility offers the following in the Pro version:
<ul>
<li>Accessibility Statement Generator – Automatically create a complete, legally compliant accessibility statement for your website.</li>
<li>Accessibility Checker – Analyze your content directly in the browser for WCAG and BFSG compliance.</li>
<li>Profiles – Predefined user profiles for various needs: epilepsy protection, ADHD mode, cognitive/autism support, visual enhancement, dyslexia optimization, motor support.</li>
</ul>
No technical knowledge required – simply install, configure, and make your WordPress website more inclusive. MH-Accessibility brings accessibility to your website – easy, fast, and reliable.
<h3>Features</h3>
<h3>Widget Design & Appearance Customization</h3>
MH-Accessibility gives you full control over the visual appearance of your accessibility widget. Seamlessly integrate it into your website’s branding and design system without touching a single line of code.
Customize every detail of your widget:
<ul>
<li>Widget Style – Choose between different visual layouts for a modern or classic appearance</li>
<li>Widget Size – Scale the entire widget panel for optimal usability on any screen size</li>
<li>Primary Color – Match the widget to your brand identity with a custom accent color</li>
<li>Text Color – Define readable and high-contrast text colors inside the widget</li>
<li>Border Radius – Adjust corner rounding to fit your website’s design language</li>
<li>Light / Dark Mode – Select a light or dark widget theme to blend perfectly with your site</li>
</ul>
Designed for flexibility, the widget adapts visually to your theme while maintaining clarity and usability.
<h3>Trigger Design & Positioning</h3>
Customize how the accessibility trigger appears and where it is placed on your website. Ensure maximum visibility without interfering with your layout or user experience.
Full control over the widget trigger:
<ul>
<li>Horizontal Position – Place the trigger on the left or right side of the screen</li>
<li>Vertical Position – Define its vertical placement for optimal accessibility</li>
<li>Trigger Icon Selection – Choose from multiple icons to match your design style</li>
<li>Icon Size Adjustment – Scale the trigger icon for better visibility and usability</li>
<li>Icon Style Options – Customize the visual appearance of the trigger for a modern, minimal, or bold look</li>
</ul>
The flexible trigger design ensures that your accessibility widget remains easy to find while blending seamlessly into your website’s visual identity.
<h3>Accessibility Profiles (Pro)</h3>
MH-Accessibility includes predefined accessibility profiles that instantly adapt your website to different user needs. With one click, visitors can activate a tailored experience optimized for their specific challenges.
Available accessibility profiles:
<ul>
<li>Epilepsy Safe Mode – Reduces flickering effects and minimizes potentially harmful visual stimuli (Pro)</li>
<li>ADHD Mode – Minimizes distractions and enhances focus for improved concentration (Pro)</li>
<li>Cognitive / Autism Mode – Applies a calmer layout structure to improve clarity and orientation (Pro)</li>
<li>Vision Impairment Mode – Enhances visibility through optimized contrast and readability adjustments (Pro)</li>
<li>Dyslexia Mode – Adjusts typography and spacing to support users with reading difficulties (Pro)</li>
<li>Motor Impairment Mode – Improves usability and interaction for users with limited motor control (Pro)</li>
</ul>
Each profile intelligently combines multiple accessibility features to create a more inclusive browsing experience — instantly and without complex configuration.
<h3>Content & Readability Modules</h3>
MH-Accessibility provides powerful content and readability tools that allow users to personalize text presentation and navigation for maximum clarity and comfort.
Typography & Text Controls:
<ul>
<li>Font Size Adjustment – Increase or decrease text size for improved readability</li>
<li>Line Height Control – Adjust vertical spacing between lines</li>
<li>Letter Spacing – Modify character spacing for better reading flow</li>
<li>Readable Font Mode – Replace complex fonts with clean, easy-to-read typography</li>
<li>Dyslexia-Friendly Fonts – Optimized typefaces designed to support users with reading difficulties (Pro)</li>
<li>Intelligent Spacing – Automatically harmonizes spacing between text elements (Pro)</li>
<li>Highlight Links – Clearly mark clickable elements for easier navigation</li>
<li>Text Alignment Control – Adjust text alignment for improved readability</li>
<li>Large Cursor Mode – Enlarge the mouse pointer for better visibility</li>
<li>Focus Outline Indicator – Adds a visible border around focused elements for keyboard navigation</li>
<li>Stop Autoplay – Prevent automatic playback of videos and audio</li>
<li>Highlight Headings – Emphasize headings to improve page structure clarity</li>
<li>Text-to-Speech – Read selected text aloud for improved accessibility (Pro)</li>
<li>Cursor Reading Guide – Magnifies text near the mouse pointer for easier tracking (Pro)</li>
</ul>
These modules empower users to customize the reading experience according to their individual needs — enhancing usability, comfort, and accessibility across your entire website.
<h3>Visual Modules</h3>
Adjust color modes and contrast settings to improve visibility and accessibility for all users.
Color & Contrast Options:
<ul>
<li>Dark Mode – Enable a dark color scheme for reduced eye strain</li>
<li>High Contrast – Increase color contrast for better readability</li>
<li>Monochrome – Switch the site to black-and-white</li>
<li>Invert Colors – Invert the website’s colors for easier viewing</li>
<li>Color Vision Filters – Adjust colors for users with color vision deficiencies (Pro)</li>
<li>Smart Contrast – Automatically optimize contrast for maximum clarity (Pro)</li>
<li>Saturation – Adjust color saturation to suit individual preferences (Pro)</li>
</ul>
These visual modules allow users to customize the website’s color presentation, improving accessibility and comfort for people with visual impairments.
<h3>Orientation & Navigation</h3>
Reading aids, focus tools, and animation settings to help users navigate content more easily.
Navigation & Focus Features:
<ul>
<li>Reading Line – Horizontal guide to help track lines of text</li>
<li>Reading Mask – Highlight only the focused reading area</li>
<li>Stop Animations – Pause all animations for a static view</li>
<li>Hide Images – Hide images on the page to reduce distractions</li>
<li>Keyboard Navigation – Navigate the site entirely via keyboard</li>
</ul>
These tools improve orientation and usability for users with cognitive, visual, or motor challenges.
<h3>Multilingual Support</h3>
<ul>
<li>Supports multiple languages for a global audience.</li>
</ul>
<h3>Disclaimer</h3>
MH-Accessibility is a powerful tool designed to enhance the accessibility of your website and assist you in your accessibility efforts. 
While it provides a wide range of features to improve usability and inclusivity, it cannot guarantee full legal compliance with WCAG, ADA, EAA, or other accessibility standards. 
Achieving full compliance may still require a professional accessibility audit and additional remediation.
Consider this plugin as a helpful resource to support an accessible user experience, but always consult accessibility and legal experts for official compliance guidance.
<h3>License</h3>
MH-Accessibility is licensed under the GPLv2 or later.
<h3>Acknowledgements</h3>
Special thanks to the accessibility community and users who helped shape the direction and usability focus of this plugin.

MH-Accessibility


Clean UI, easy setup, and lots of customization (position, colors, size). Useful features like contrast modes, font and spacing controls, link highlighting, and focus outlines. Solid plugin that improves usability fast without feeling bloated.


Great accessibility toolbar

Professional WordPress accessibility widget with 40+ features: WCAG tools, visual adjustments, reading aids, dyslexia mode, compliance support.

Accessiy by CodeConfig Widget for ADA, EAA & WCAG Compliance vs MH-Accessibility