How to fix aria valid attr value on WooCommerce

Steps for WooCommerce

1. In WordPress admin, go to Appearance → Theme File Editor (or use a child theme via FTP/SFTP).
2. Identify which template file renders the flagged element — common locations: `header.php`, `functions.php`, a block template in `/templates/`, or a page builder shortcode output.
3. Search for the invalid ARIA attribute and correct its value in the template file.
4. If the issue comes from a plugin (e.g. a slider, mega-menu, or product tabs plugin), go to the plugin's settings page or contact the plugin author — some plugins allow custom HTML/attribute overrides via hooks in `functions.php`.
5. Use the WP Accessibility plugin (free, wordpress.org) to catch additional ARIA issues site-wide.
6. Verify the fix with Lighthouse (Chrome DevTools → Lighthouse tab → Accessibility) or the axe browser extension.

<button aria-expanded="false" aria-controls="nav-menu">Menu</button>
<nav id="nav-menu"><!-- links --></nav>

What is aria valid attr value?

ARIA (Accessible Rich Internet Applications) attributes are special HTML attributes — like `aria-label`, `aria-expanded`, `aria-describedby`, and dozens of others — that give screen readers and other assistive technologies extra information about what an element is and how it behaves. Every ARIA attribute has a strict set of allowed values defined by the ARIA specification. For example, `aria-expanded` must be `"true"` or `"false"`, and `aria-describedby` must point to a real element ID that actually exists on the page. An "invalid attribute value" means one of these attributes has been given a value that doesn't match the rules — such as a typo, a number where a true/false is expected, or a reference to an ID that doesn't exist.

When an ARIA attribute carries an invalid value, screen readers either ignore it entirely or misread the element to the user — for example, announcing a navigation menu as always collapsed, or linking a form field to a description that doesn't exist. This directly breaks the experience for blind and low-vision shoppers, which can cost you sales from that audience. More critically, WCAG 4.1.2 (Name, Role, Value) is a Level AA requirement in most jurisdictions — including the EU's EAA (enforceable from June 2025), the US ADA, and the UK's PSBAR — meaning non-compliance creates real legal exposure and risk of accessibility lawsuits. Google also evaluates accessibility signals as part of overall quality, so repeated failures can suppress organic rankings and reduce trust signals.

See the complete Aria valid attr value guide for every platform and the full background.