无障碍最佳实践

页面应有一个主要 landmark

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

此规则检查什么

确保页面有一个主要 landmark.

为什么重要

这是支持 WCAG 1.3.1 和 2.4.1 的最佳实践。

此规则属于推荐做法:未通过它本身并不构成 WCAG 不合规,因此我们的报告将它与 WCAG 不合规问题分开列出。

如何修复

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

如何检查修复效果

  • 重新扫描受影响的页面。

FixReports 如何发现此问题

我们的扫描会在真实的 Chrome 浏览器中,对所测的每个页面运行 axe-core 规则 landmark-one-main,并报告每个未通过的元素及其所在页面、标记代码,以及适用时的截图。

自动化测试可以确认这个具体问题确实存在,但无法判断页面的其余部分是否无障碍:有些障碍只有在人工检查页面时才会显现。

立即扫描您的网站

发现问题,修复问题,验证结果。

这是什么类型的网站?

你的回答会选择合适的检查,例如网店的购物流程。我们仍会检查网站本身的证据,并同时显示两者。

这是什么类型的网站?

免费扫描,无需信用卡。