此规则检查什么
确保每个 HTML 页面有 lang 属性.
为什么重要
WCAG 3.1.1 要求设置页面语言。
如何修复
在任何网站上
- 为 <html> 元素添加 lang 属性，例如 <html lang="en">。
在 Shopify 上
- 在 layout/theme.liquid 中，确保开始标签为 <html lang="{{ request.locale.iso_code }}">。
如何检查修复效果
- 重新扫描，确认 html-has-lang 已通过。
FixReports 如何发现此问题
我们的扫描会在真实的 Chrome 浏览器中，对所测的每个页面运行 axe-core 规则 html-has-lang，并报告每个未通过的元素及其所在页面、标记代码，以及适用时的截图。
自动化测试可以确认这个具体问题确实存在，但无法判断页面的其余部分是否无障碍：有些障碍只有在人工检查页面时才会显现。