見出しテキスト
Silktide は、ページ上のすべての見出しに読み取れるテキストが含まれているかをチェックします。空の見出しは、存在しないセクションを示すことになり、タイトルとして意図されていたコンテンツを隠してしまうことがよくあります。
では、見出し（<h1> から <h6>）によってページの構造が示されます。空の見出しは通常、 のテンプレートで内容が入力されていない見出しが出力された場合や、見出しに のない画像しか含まれていない場合に発生します。
<!-- 問題: 見出しに何も含まれていない -->
<h2> </h2>
<!-- 問題: 画像に代替テキストがないため、見出しが無音になる -->
<h2><img src="press.png" alt=""></h2>
重要な理由
を使用する人は、見出しから見出しへ移動してページをざっと読むことがよくあります。空の見出しは、その後に何もないまま「見出しレベル 2」と読み上げられます。これはページのアウトライン内の無意味な項目となり、ナビゲーションのリズムを崩し、聞き手に見落としたものがあるのではないかと思わせます。見出しにラベルのない画像が含まれている場合、視覚のある訪問者にはタイトルが見えますが、 の利用者には届きません。
修正方法
- 見出しにテキストが必要な場合は、CMS またはコードに追加します。
- 見出しにタイトルとして機能する画像が含まれている場合は、画像に代替テキストを設定します。
<!-- 修正後: 画像の alt テキストが見出しテキストになる -->
<h2><img src="press.png" alt="プレスリリース"></h2>
- 見出しに目的がない場合（たとえば、空のテンプレートスロットや、間隔を空けるためだけに使用されている見出し）は、要素自体を削除します。間隔を空けるには、空のタグではなく CSS を使用してください。
Silktide によるチェック方法
- 各ページですべての見出し要素（
<h1>から<h6>）を検出します。 - 各見出しのテキストを収集します。見出し内の画像の代替テキストも含まれます。
- 内容に文字または数字が含まれていない見出しを報告します。そのため、スペースまたは句読点だけで構成された見出しも空と見なされます。