No main landmark on Elementor

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 Elementor

Container → Layout → HTML Tag: choose `main`, `header`, `footer`, `nav` or `section`.

Other platforms

• General advice
• WordPress
• Shopify
• Webflow
• Framer
• 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