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