# 页面应有一个主要 landmark

<https://www.fixreports.com/zh/issues/landmark-one-main>

无障碍最佳实践

页面没有 main 地标区域，屏幕阅读器用户无法直接跳到主要内容。

## 此规则检查什么
确保页面有一个主要 landmark.

## 为什么重要
这是支持 WCAG 1.3.1 和 2.4.1 的最佳实践。

## 如何修复
### 在任何网站上
1. 将页面的主要内容包裹在一个 <main> 元素中。在 Shopify 中，layout/theme.liquid 通常会将 {{ content_for_layout }} 包裹在 <main> 中。

### 在 Shopify 上
1. 将页面的主要内容包裹在一个 <main> 元素中。在 Shopify 中，layout/theme.liquid 通常会将 {{ content_for_layout }} 包裹在 <main> 中。

### 在 WooCommerce 和 WordPress 上
1. 将页面的主要内容包裹在一个 <main> 元素中。在 Shopify 中，layout/theme.liquid 通常会将 {{ content_for_layout }} 包裹在 <main> 中。

## 如何检查修复效果
- 重新扫描受影响的页面。

## 资料来源
- axe-core 规则文档（Deque）: https://dequeuniversity.com/rules/axe/4.13/landmark-one-main