Fixing Info and Relationships on Squarespace (WCAG 1.3.1)
Structure you can see — headings, lists, tables, form labels — must exist in the markup too, not be simulated with font size and colour alone.
Why it matters
The expensive version of this failure is in the checkout form. A field whose label is not programmatically associated leaves a screen reader user guessing what to type, and they abandon at the payment step. That is a lost order, at the point in the funnel where the customer was most committed.
Squarespace — where to look
Text block format selector (Heading 1/2/3, Paragraph).
What to do
Pick the heading level for meaning and adjust size in Site Styles.
Verification status
Not yet confirmed against a live installation. The paths and setting names below describe the general structure of Squarespace and menu names vary by version, theme and plugins. Where we have checked a step against the platform's own source, this box says so and links to it.
How to verify the fix
- Click each form label. If the cursor jumps into the associated field, the association exists.
- List the page's headings in a browser accessibility inspector and check the order is sequential.
- Disable CSS and confirm the page still reads as a sensible document.
Other platforms
- Fixing Info and Relationships on Shopify
- Fixing Info and Relationships on WooCommerce
- Fixing Info and Relationships on Webflow
- Fixing Info and Relationships on Wix
The full criterion
Read the full explanation of WCAG 1.3.1 Info and Relationships, or the formal W3C definition.