フレームにはアクセス可能な名前が必要です
修正方法
すべての frame
および iframe
要素に有効なtitle属性値があることを確認する。
次のようにして、フレーム要素にタイトル属性を追加できます。
<iframe ... title="myFrame"> frame body </iframe>
さらに、ベストプラクティスとしては、囲まれたドキュメントに、タイトル属性と同じ内容の title title
要素を指定することです。一部のスクリーン リーダーでは、フレームのtitle属性の内容を、フレーム内の title
要素の内容に置き換えます。結果として、両方の場所に同じテキストを配置することが最も安全でアクセスしやすくなります。
良いタイトルとは、簡潔で、明確で、情報量が多く、ユニークなものです。ドキュメントの title
に、ページの内容を要約した短い説明テキストが含まれていることを確認します。このルールに合格するには、単に title
要素があるだけでは不十分です。要素には意味のあるテキストも含まれている必要があります。
フレームタイトルを書く際のベストプラクティス
-
untitled page
などのプレースホルダータイトルをより適切なフレーズに置き換える - 各タイトルを一意にします。類似している場合でも、ページ間でタイトルを重複させないでください。
- すべての固有の情報を先頭に配置してください。タイトルに会社名やブランド名を含めたい場合は、その情報を固有のコンテンツの後に配置する必要があります。そうしないと、スクリーン リーダーのユーザーは、興味のあるページを検索するときに、この情報を何度も聞かなければならなくなります。
-
ページ タイトルをページ上部の見出し (理想的には
h1
というラベル) と一致させる。これらは完全に同一である必要はありませんが、title
およびh1
要素は本質的に同じ目的を果たすため、非常に類似したものにすることが理にかなっている場合がよくあります。
なぜ重要なのか
スクリーンリーダーユーザーは、コンテンツを理解するためにフレームタイトルに依存しています frame
。マークアップに frame
属性が含まれていない場合、このテクノロジのユーザーにとって、 iframe
と title
要素間の移動はすぐに困難になり、混乱を招きます。
スクリーン リーダーのユーザーには、ページ上のすべてのフレームのタイトルのリストを開くオプションがあります。説明的で一意のタイトルを追加すると、ユーザーは必要なフレームをすぐに見つけることができます。タイトルがない場合、フレーム間の移動がすぐに困難になり、混乱する可能性があります。タイトルがリストされていない場合、スクリーン リーダーは代わりに「フレーム」、「JavaScript」、ファイル名、URLなどの情報を提供します。ほとんどの場合、この情報はあまり役に立ちません。
ルールの説明
すべての frame
または iframe
要素には、スクリーン リーダーのユーザーに内容を説明するために、空でないタイトルが必要です。
仕組みについて (簡単に言うと)
すべての iframe
および frame
要素に、一意で空でないタイトル属性が含まれていることを確認してください。