フレームのタイトル
Silktide は、ページに埋め込まれたすべての表示可能なフレームに、その内容を説明する読みやすいタイトルが付いていることをテストします。タイトルのないフレームでは、を使用する人が、それが何であるかを確認するためだけにフレームに入り、内容を探索しなければなりません。
タイトルはフレーム要素自体に title 属性として指定します。フレーム化されたページ内の <title> タグだけでは不十分です。
<!-- 不足: このフレームが何であるかを支援技術に伝えるものがありません -->
<iframe src="ad.html"></iframe>
<!-- 修正済み: title 属性でフレームの名前を指定しています -->
<iframe title="Advertisement" src="ad.html"></iframe>
重要な理由
フレームには、動画、地図、広告、支払いフォーム、チャットウィジェットなどが含まれていることがよくあります。は、ページ上のフレームをタイトルで一覧表示するため、ユーザーはどのフレームに入るかを選択できます。タイトルがない場合、フレームは匿名のフレームとして、またはファイル名で読み上げられます。そのため、ユーザーはそれが何であるかを把握するためにフレーム内を移動し、内容を探索しなければなりません。
修正方法
- 指摘された各
<iframe>または<frame>にtitle属性を追加し、その内容を簡潔に説明します（「Advertisement」、「Video: product tour」、「Live chat」など）。 - タイトルに実際の単語が含まれていることを確認します。空白や記号だけでは有効とみなされません。
- トラッキングピクセルのように、技術的な目的だけで何も表示しないフレームの場合は、代わりに、非表示にするか
aria-hidden="true"を追加するなどして、支援技術から隠します。非表示のフレームにはタイトルは必要ありません。
Silktide によるテスト方法
- ページ上のすべての
<iframe>および<frame>要素を探します。 - 非表示のフレームと、
aria-hiddenによってスクリーンリーダーから隠されているフレームを除外します。支援技術ではこれらを選択できないため、タイトルは必要ありません。非表示のフレームは、トラッキングコードやソーシャルプラグインでよく使用されます。 - 残ったフレームについて、意味のあるテキスト、つまり少なくとも1つの文字または数字を含む
title属性があるかチェックします。空白、句読点、絵文字だけのタイトルは不合格となります。 - 意味のあるタイトルがない表示可能なフレームをそれぞれ指摘します。
既存のタイトルが実際にそのフレームを説明しているかどうかは、フレームのタイトルで別途扱います。