No main landmark on Framer

What this is

The page has no `<main>` region. Screen reader users jump straight to the main content with a landmark shortcut; without it they must read through the page.

Who it affects

• Screen reader users
• Keyboard users

Standards

• WCAG 1.3.1 Info and Relationships (A)
• WCAG 2.4.1 Bypass Blocks (A)

How to fix it

1. Wrap the primary content of the page (not the header/navigation/footer) in a single `<main>` element.

On Framer

Select the frame → Layer settings → "Tag" and choose Main, Header, Footer, Nav.

Other platforms

• General advice
• WordPress
• Elementor
• Shopify
• Webflow
• Wix
• Squarespace
• Next.js
• Lovable

Prompt for an AI coding tool

Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.

More fixes

• Images missing alternative text
• Image buttons missing alternative text
• SVG images missing a text alternative
• Elements with role="img" missing a text alternative
• Links without a name
• Links distinguished only by color