开发者 | wcagforwp |
---|---|
更新时间 | 2025年7月11日 12:28 |
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? =\
ARIA & Accessibility Toolkit lets you add ARIA attributes such as aria-label, roles such as role="navigation", contrast fixes, language settings, and more to your site - no code editing required.
= Can this help me pass WCAG or accessibility 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 frontend 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 frontend checker for? =\
It shows a small box on your site (admin-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.
The ARIA & 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