適切な見出しとラベル
Silktide は、見出しやフォームラベルを含むページを表示します。これにより、それらの文言が後に続く内容のトピックや目的を説明しているか確認できます。見出しが本当にそのセクションを説明しているかどうかは、人だけが判断できます。
重要な理由
見出しはページをざっと読むための手段であり、ラベルはフォームを理解するための手段です。のユーザーは、さらに見出しやラベルに頼っています。ページを探索する一般的な方法は、見出しから見出しへ移動し、それぞれを前後の文脈なしに読み上げることです。「詳細」や「フィールド 2」のような見出しやラベルでは何も伝わらないため、周囲の内容を読んで意味を理解しなければなりません。これは、見出しやラベルが本来、ユーザーの負担を減らすために存在する理由そのものです。
修正方法
このチェックでは、問題を確定して報告するのではなく、ページを確認するよう求めます。ハイライトされた各ページについて、次の手順を行ってください。
- 各見出しを読み、その下にある内容のトピックを説明しているか確認します。「営業時間」は適切ですが、「詳細」は適切ではありません。
- 各フォームラベルを読み、入力する内容やコントロールの機能を説明しているか確認します。「メールアドレス」は適切ですが、「入力」は適切ではありません。
- テストに合格しないものを書き換えます。見出しやラベルは長くする必要はありません。説明的であれば、単語や短いフレーズで十分です。
Silktide によるテスト方法
- 各ページで、見出し要素（
h1からh6）、<label>要素、および のラベル付け属性（aria-labelまたはaria-labelledby）を探します。 - ページにこれらのいずれかが含まれている場合、手動レビューのために一度だけ指摘します。文言が説明的かどうかを Silktide が自動的に判断することはできません。