# 見出しのレベルは1つずつ増加させなければなりません

<https://www.fixreports.com/ja/issues/heading-order>

アクセシビリティのベストプラクティス

見出しのレベルが飛んでいる（例：H2からH4）ため、スクリーンリーダーの利用者にとってページの構造がわかりにくくなっています。

## このルールがチェックする内容
見出しの順序が意味的に正しいことを確認してください.

## なぜ重要なのか
スクリーンリーダーの利用者は、見出しを使ってページ内を移動します。これはWCAG 1.3.1を補うベストプラクティスです。

## 修正方法
### あらゆるウェブサイトの場合
1. 該当するセクションの見出しのレベルを、レベルを飛ばさずに順番どおりになるよう調整します。
2. 変更するのはタグだけで、見た目のスタイルは変えません（サイズにはCSSのクラスを使います）。

### Shopifyの場合
1. 該当するセクションの見出しのレベルを、レベルを飛ばさずに順番どおりになるよう調整します。
2. 変更するのはタグだけで、見た目のスタイルは変えません（サイズにはCSSのクラスを使います）。

### WooCommerceとWordPressの場合
1. 該当するセクションの見出しのレベルを、レベルを飛ばさずに順番どおりになるよう調整します。
2. 変更するのはタグだけで、見た目のスタイルは変えません（サイズにはCSSのクラスを使います）。

## 修正の確認方法
- 再スキャンし、HeadingsMapなどのブラウザ拡張機能で見出しの構成を確認します。

## 出典
- axe-coreのルールのドキュメント（Deque）: https://dequeuniversity.com/rules/axe/4.13/heading-order