开发者 |
wcagforwp
quicksnail |
---|---|
更新时间 | 2025年8月8日 19:58 |
PHP版本: | 7.0 及以上 |
WordPress版本: | 6.8 |
版权: | GPLv2 or later |
版权网址: | 版权信息 |
aria-label
, aria-hidden
, aria-expanded
, aria-live
, aria-level
, and more to any element.banner
, navigation
, main
, complementary
, and contentinfo
to improve screen reader navigation.lang
attribute for improved screen reader compatibility./wp-content/plugins/
directory= What does this plugin do? =\
Web Accessibility Toolkit scans your site with an accessibility checker and helps you fix ADA compliance and WCAG compliance issues. It lets you add ARIA attributes, landmark roles, adjust contrast, fix alt tags, and more — no coding required.
= Can this help me pass WCAG or ADA audits? =\
Yes. While no plugin alone guarantees compliance, this tool helps you meet several key WCAG 2.1 success criteria like semantic structure, sufficient contrast, and accessible navigation.
= Does it work with any theme? =\
Yes. The plugin is designed to work with any WordPress theme, including those built with page builders like Elementor, WPBakery, or Gutenberg.
= Will it slow down my site? =\
No. It’s lightweight and only outputs a small block of CSS (and optionally JavaScript) based on your settings. There's no third-party code or unnecessary overhead.
= Can I use it without JavaScript? =\
Sort of. The plugin uses CSS & PHP where possible. JavaScript is used for the accessibility checker and dynamic updates that can't be done with CSS alone.
= What kind of selectors can I use? =\
Any valid CSS selector is supported — including classes (.my-button
), IDs (#main-header
), or element types (nav
, section
, etc.).
= Can I apply multiple ARIA attributes to the same element? =\
Yes. Simply add another row targeting the same selector with a different ARIA attribute.
= What is the accessibility checker for? =\
It shows a small box on your site (for admin users only) highlighting common accessibility issues like empty buttons, missing labels, broken ARIA references and low contrast.
= What does the “Skip Link” setting do? =\
It adds a screen-reader-visible “Skip to content” link at the top of the page for keyboard users. Just define the CSS selector of your main content area.
= What does the Language option do? =\
It sets the lang
attribute on your <html>
tag — especially useful if your theme doesn’t already do this.
= How does the Accessibility Checker work? =\
There is an option in the admin to enable the Accessibility Checker and once enabled, admins will see a small box on the frontend of your website with a Scan Page button. Simply click this to start the accessibility scan and a list of issues will be displayed with details on how to fix them.
The Web Accessibility Toolkit plugin provides tools to help improve frontend accessibility, scan for issues, and add missing ARIA roles, labels, and other enhancements.
Free Version Features:
aria-label
and aria-labelledby
attributesaria-describedby
targets not found)alt
text on imagesuser-scalable=no
in viewport meta tagtabindex
values greater than 0navigation
, main
, banner
, and morearia-label
to menu items or custom HTML elementslang
attribute on the HTML tag