How to fix aria valid attr value on Squarespace

Steps for Squarespace

1. In the Squarespace editor, go to Pages → select the page → click 'Edit'.
2. Click the block containing the flagged element and open its block settings.
3. For Code Blocks (Insert Point → Code): edit the raw HTML directly and correct the ARIA attribute value.
4. For built-in Squarespace blocks (e.g. navigation, accordion), ARIA is auto-generated by Squarespace — go to Website → Website Tools → Custom CSS or inject a fix via Settings → Advanced → Code Injection (Header) using JavaScript to correct the attribute at runtime.
5. For theme-level fixes, go to Design → Custom CSS or use a Developer platform site with Git integration to edit template files.
6. Verify with Lighthouse (Chrome DevTools) or the axe browser extension after publishing.

<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.