このルールがチェックする内容
すべての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を実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。