Mateus Machado Luna

This plugin enables an A11Y Buttons block, which contains some common accessibility buttons that you usually find in a website’s top header. The idea is to provide a simple way to have them inserted in any part of your theme, without adding overlays and keep them fully customizable so they can match your design and still offer the required features.
The buttons available are:
<ul>
<li>Skip-to-content button – Add a link to any anchored part of your website. You can create and set as many as you want;</li>
<li>Contrast mode toggle – Enable a stylesheet with extremely high contrast;</li>
<li>Readable font toggle – Forces usage of the <a href="https://brailleinstitute.org/freefont" title="Braille Institute page about the Atkinson font" rel="nofollow ugc">Atkinson Hyperlegible Font</a> for better readability;</li>
<li>Increase/decrease/restore font-size – Change your website’s root font size. Check the F.A.Q. section about its usage.</li>
</ul>
All of the buttons have the following features:
<ul>
<li>Order, alignment, spacing and overall layout are fully customizable;</li>
<li>Text formatting, font size, text and background color, borders – if the theme supports it;</li>
<li>Enabling or disabling the default icons, moving them to the left or right,</li>
</ul>
We understand that accessibility is a huge topic and that no solution is perfect. We also are by no means “experts” on the subject, so if you have any critics or suggestions, please make contact!
Want to contribute? Great! Feel free to <a href="https://github.com/mateuswetah/A11Y-Buttons/issues/new/choose" title="The GitHub repository of this plugin." rel="nofollow ugc">open an issue</a> or <a href="https://github.com/mateuswetah/A11Y-Buttons/pulls" title="The GitHub repository of this plugin." rel="nofollow ugc">make a pull request</a>.
<h3>Copyright</h3>
A11y Buttons plugin, Copyright 2022 wetah 
A11y Buttons plugin is distributed under the terms of the GNU GPLv3 
License details: https://github.com/mateuswetah/A11Y-Buttons/blob/main/LICENSE
A11y Buttons plugin bundles the following third-party resource:
Atkinson Hyperlegible Font Copyright 2020 Braille Institute 
License details: http://brailleinstitute.org/wp-content/uploads/2020/11/Atkinson-Hyperlegible-Font-License-2020-1104.pdf 
Source: https://brailleinstitute.org/freefont

A11y Buttons


Muito útil para demandas de acessibilidade 


Poderoso e eficiênte plugin.

A basic list of buttons that may be used to improve your website accessibility

bdthemes

Selim Rana

Abu Talib

Faridul Islam

Asikur Rahman

Maudud Hossain

SYED FARHAN REZA

Mijanur Rahman

Make Your Website Accessible to Everyone with One Accessibility Website Accessibility Plugin
In today’s digital world, creating inclusive web experiences isn’t just good practice—it’s essential. One Accessibility Website Accessibility is a comprehensive WordPress plugin designed to help website owners, developers, and businesses effortlessly achieve WCAG 2.1, ADA, and Section 508 compliance while providing an exceptional user experience for visitors with diverse accessibility needs.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4w8lmkMgt9M?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>✨ Why Choose One Accessibility Website Accessibility?</h3>
Smart Conditional System: Create unlimited accessibility presets and deploy them strategically across your entire site, specific pages, posts, or archive pages. Whether you’re running a corporate website, e-commerce store, or personal blog, our intelligent conditional assignment system ensures the right accessibility tools appear exactly where they’re needed.
Visual Drag-and-Drop Editor: Say goodbye to complex coding! Our intuitive mini-editor allows you to customize your accessibility toolbar’s appearance, layout, and functionality with simple drag-and-drop controls. Design beautiful, user-friendly accessibility interfaces that match your brand aesthetic.
Specialized User Profiles: Support visitors with specific accessibility needs through our pre-configured user profiles including Motor Impairment, Blindness & Low Vision, Color Blindness, Dyslexia, Cognitive Disabilities, Seizure & Epilepsy Safety, and ADHD accommodations.
Universal Compatibility: Built with modern React technology and designed to work flawlessly with any WordPress theme, page builder (Elementor, Gutenberg, Beaver Builder, etc.), or custom development setup. No conflicts, no compatibility issues—just seamless integration.
<h3>🛠️ Powerful Features That Make a Difference</h3>
🎛️ Advanced Accessibility Toolbar 
– Screen reader optimization and navigation 
– High contrast mode and color adjustments 
– Font size scaling and readability enhancements 
– Animation and motion reduction controls 
– Keyboard navigation improvements 
– Focus indicators and skip links
🌍 Language & Communication Tools 
– Google Translate integration for multilingual accessibility 
– Dictionary tooltips with pronunciation guides 
– Text-to-speech functionality 
– Reading guides and focus indicators
⚙️ Professional Management System 
– Multiple preset configurations 
– Real-time preview functionality 
– User behavior analytics 
– Compliance monitoring dashboard 
– Easy backup and restore options
🎨 Customization Excellence 
– Brand-aligned toolbar designs 
– Custom color schemes and themes 
– Flexible positioning options 
– Mobile-responsive accessibility controls 
– Icon and text customization
<h3>🏆 Perfect for Every Website Type</h3>
Whether you’re managing a government website requiring Section 508 compliance, an e-commerce platform serving diverse customers, educational institutions, healthcare providers, or any business committed to digital inclusion, One Accessibility Website Accessibility provides enterprise-level features with user-friendly simplicity.
The plugin automatically creates a default accessibility preset upon activation, so you’re instantly compliant and ready to serve all users. Advanced users can create sophisticated, multi-layered accessibility experiences, while beginners can rely on our expertly crafted defaults.
🚀 Start building a more inclusive web today – because accessibility isn’t just about compliance, it’s about creating digital experiences that welcome everyone.
<h3>Checkout our other Plugins 👑</h3>
Explore the best free addons for Elementor and Gutenberg to boost your site with advanced blocks, sliders and eCommerce tools.
<ul>
<li>
<a href="https://wordpress.org/plugins/bdthemes-element-pack-lite/" rel="ugc">Element Pack</a> – Build responsive websites from scratch with an all-rounder package of 300+ widgets and 2700+ ready-to-use assets for Elementor.
</li>
<li>
<a href="https://wordpress.org/plugins/bdthemes-prime-slider-lite/" rel="ugc">Prime Slider</a> – The revolutionary slider builder addon for Elementor with a next-gen superb interface and 50+ unique slider designs.
</li>
<li>
<a href="https://wordpress.org/plugins/ultimate-post-kit/" rel="ugc">Ultimate Post Kit</a> – Best blogging addon for building a quality blogging website with fine-tuned post layouts, carousels, sliders and lists.
</li>
<li>
<a href="https://wordpress.org/plugins/ultimate-store-kit/" rel="ugc">Ultimate Store Kit</a> – The only eCommerce addon for answering all your online store design problems in one package for WooCommerce and EDD.
</li>
<li>
<a href="https://wordpress.org/plugins/pixel-gallery/" rel="ugc">Pixel Gallery</a> – The first Elementor-based WordPress gallery addon offering 60+ flexible and customizable gallery builder widgets.
</li>
<li>
<a href="https://wordpress.org/plugins/zoloblocks/" rel="ugc">ZoloBlocks</a> – Mind-blowing dynamic block plugin for Gutenberg with powerful and advanced features offering a greater web design experience.
</li>
<li>
<a href="https://wordpress.org/plugins/ar-viewer/" rel="ugc">Augmented Reality Viewer</a> – Bring your products to life with immersive 3D and AR experiences directly inside your WordPress website.
</li>
<li>
<a href="https://wordpress.org/plugins/dark-reader/" rel="ugc">Dark Reader</a> – Instantly transform your website into a sleek, eye-friendly dark mode experience with smooth and elegant styling.
</li>
<li>
<a href="https://wordpress.org/plugins/ai-image/" rel="ugc">Instant Image Generator</a> – Generate AI-powered images or import visuals instantly from popular platforms like Unsplash, Openverse, Pixabay, Pexels and Giphy — all from one place.
</li>
<li>
<a href="https://wordpress.org/plugins/live-copy-paste/" rel="ugc">Live Copy Paste</a> – Seamlessly copy and paste sections, widgets and entire pages across domains with zero hassle.
</li>
<li>
<a href="https://wordpress.org/plugins/website-accessibility/" rel="ugc">One Accessibility</a> – Make your website inclusive and accessible to everyone with essential accessibility enhancements and compliance-ready tools.
</li>
<li>
<a href="https://wordpress.org/plugins/zolo-qr-code/" rel="ugc">QR Code Generator & Scanner</a> – Create and manage dynamic QR codes directly from your WordPress dashboard for smarter engagement and tracking.
</li>
<li>
<a href="https://wordpress.org/plugins/smart-admin-assistant/" rel="ugc">Smart Admin Assistant</a> – Enhance your WordPress dashboard with productivity-focused tools and smart site management features.
</li>
<li>
<a href="https://wordpress.org/plugins/spin-wheel/" rel="ugc">Spin Wheel</a> – Engage visitors with an interactive spinning wheel that offers discounts, coupons and promotional rewards.
</li>
<li>
<a href="https://wordpress.org/plugins/swift-checkout/" rel="ugc">Swift Checkout for WooCommerce</a> – Simplify the WooCommerce checkout process to improve user experience and boost conversion rates.
</li>
</ul>
Visit <a href="https://bdthemes.com/" rel="nofollow ugc">BdThemes</a> to learn about our services, Elementor page builder based products, informative blogs and documentations.
<h3>Libraries and Credits</h3>
This plugin uses the following open-source libraries and third-party tools. We are thankful to their developers and communities:
JavaScript Libraries:
<ul>
<li><a href="https://reactjs.org/" rel="nofollow ugc">React</a> – A JavaScript library for building user interfaces (MIT License)</li>
<li><a href="https://ant.design/" rel="nofollow ugc">Ant Design (antd)</a> – A modern React UI framework used for plugin interfaces (MIT License)</li>
<li><a href="https://github.com/lukeed/clsx" rel="nofollow ugc">clsx</a> – A utility for constructing conditional className strings (MIT License)</li>
<li><a href="https://github.com/remix-run/history" rel="nofollow ugc">history</a> – JavaScript library for managing session history (MIT License)</li>
<li><a href="https://sortablejs.github.io/Sortable/" rel="nofollow ugc">SortableJS</a> – Touch-friendly drag-and-drop sorting library (MIT License)</li>
<li><a href="https://github.com/SortableJS/react-sortablejs" rel="nofollow ugc">React SortableJS</a> – React bindings for SortableJS (MIT License)</li>
</ul>
WordPress Packages:
<ul>
<li><a href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-scripts/" rel="nofollow ugc">@wordpress/scripts</a> – Official WordPress build toolchain (GPL-2.0-or-later)</li>
<li><a href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-icons/" rel="nofollow ugc">@wordpress/icons</a> – WordPress icon set used in admin UI (GPL-2.0-or-later)</li>
</ul>
Third-Party Services:
<ul>
<li><a href="https://translate.google.com/" rel="nofollow ugc">Google Translate (element.js)</a> – Used for frontend language translation (Terms of Service apply)</li>
<li><a href="https://dictionaryapi.dev/" rel="nofollow ugc">Free Dictionary API</a> – Used for displaying word definitions and pronunciation in dictionary tooltips (MIT License)</li>
<li><a href="https://opendyslexic.org/" rel="nofollow ugc">OpenDyslexic Font</a> – Open-source font designed to increase readability for readers with dyslexia (SIL Open Font License)</li>
</ul>

One Accessibility – Making Your Site Accessible to Everyone

Make your site accessible to everyone with advanced tools, WCAG compliance, and customization for a truly inclusive experience.

A11y Buttons vs One Accessibility – Making Your Site Accessible to Everyone