How to fix input button name on Squarespace

Steps for Squarespace

1. In the Squarespace editor, click the button block or form block containing the unlabelled button.
2. For standard Button blocks: click the block to edit it and ensure the 'Button Text' field has a descriptive label — Squarespace uses this text as the accessible name.
3. For Form blocks: click the form, then click the Submit button and edit the 'Button Text' field to add a meaningful label (e.g., 'Send Message', 'Subscribe').
4. For advanced customisation (e.g., a custom code block), go to Pages → a page → add a Code Block, and write your `<input>` with a proper `value` attribute.
5. If you need to inject a fix across all pages, go to Settings → Advanced → Code Injection and add a JavaScript snippet that finds empty-value input buttons and sets their `value`: e.g., `document.querySelectorAll('input[type="submit"][value=""]').forEach(el => el.value = 'Submit');`.
6. Save and preview, then test with VoiceOver or a browser accessibility tool.

<!-- ❌ BEFORE: empty value — screen readers say nothing useful -->
<input type="submit" value="">

<!-- ✅ AFTER option 1: descriptive value attribute -->
<input type="submit" value="Add to Cart">

<!-- ✅ AFTER option 2: aria-label when value must stay empty -->
<input type="submit" value="" aria-label="Add to Cart">

<!-- ✅ AFTER option 3: switch to <button> for more flexibility -->
<button type="submit" aria-label="Add to Cart">
  <svg aria-hidden="true"><!-- cart icon --></svg>
</button>

What is input button name?

An "input button" is any clickable button on your website created with HTML's `<input type="button">`, `<input type="submit">`, or `<input type="reset">` tags. The button's visible (or accessible) label comes from its `value` attribute — for example, `value="Add to Cart"`. When that `value` attribute is missing or left empty (`value=""`), the button has no name that a screen reader can read aloud. This violates WCAG Success Criterion 4.1.2 (Name, Role, Value), which requires every interactive element to have an accessible name.

Screen reader users — including many people with visual impairments — rely on the button's accessible name to understand what will happen when they activate it. A button with no name is announced as something like "button" with no context, making your checkout, search, newsletter sign-up, or contact forms unusable for those shoppers. Beyond the direct accessibility barrier, this is a legal compliance risk: WCAG 2.1 AA is referenced by laws like the ADA (US), EN 301 549 (EU), and the Equality Act (UK), and empty button names are a clear, easily documented violation. Fixing this also improves your overall site quality signals and reduces the risk of accessibility-related complaints or litigation.

See the complete Input button name guide for every platform and the full background.