フレームには一意のタイトル属性が必要です。

ルールID: frame-title-unique
ルールセット: axe-core 4.10
ユーザーへの影響: 深刻
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, EN 301 549

Start building more accessible experiences

Axe DevTools Pro helps development teams find and fix up to 80% of accessibility issues while coding. No experience required. Get started with your free trial today.

Compliance Data & Impact

User Impact

Disabilities Affected

  • 視覚障害
  • 視聴覚障害
  • 運動障害

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Trusted Tester
  • EN 301 549

WCAG 達成基準 [WCAG 2.1 (A)]

  • 4.1.2: Name, Role, Value

WCAG 達成基準 [WCAG 2.0 (A)]

  • 4.1.2: Name, Role, Value

WCAG 達成基準 [WCAG 2.2 (A)]

  • 4.1.2: Name, Role, Value

Trusted Tester ガイドライン

  • 12.D: The combination of accessible name and description for each <iframe> describes its content.

EN 301 549 ガイドライン

  • 9.4.1.2: Name, Role, Value

修正方法

すべての frame および iframe 要素に重複しないタイトルがあることを確認します。

次のようにして、フレーム要素にタイトル属性を追加できます。

<iframe ... title="myFrame"> frame body </iframe>

さらに、ベストプラクティスとしては、囲まれたドキュメントに、タイトル属性と同じ内容の title title 要素を指定することです。一部のスクリーンリーダーでは、フレームのtitle属性の内容を、フレーム内の title 要素の内容に置き換えます。結果として、両方の場所に同じテキストを配置することが最も安全でアクセスしやすくなります。

良いタイトルとは、簡潔で、明確で、情報量が多く、ユニークなものです。ドキュメントの title に、ページの内容を要約した短い説明テキストが含まれていることを確認します。このルールに合格するには、単に title 要素があるだけでは不十分です。要素には意味のあるテキストも含まれている必要があります。

フレームタイトルを書く際のベストプラクティス

  • 「無題のページ」などのプレースホルダータイトルをより適切なフレーズに置き換えてください。
  • 各タイトルを一意にします。類似している場合でも、ページ間でタイトルを重複させないでください。
  • すべての固有の情報を先頭に配置してください。タイトルに会社名やブランド名を含めたい場合は、その情報を固有のコンテンツの後に配置する必要があります。そうしないと、スクリーンリーダーのユーザーは、興味のあるページを検索するときに、この情報を何度も聞かなければならなくなります。
  • ページタイトルはページの上部の見出し (理想的にはh1というラベル) と一致するようにします。これらは完全に同一である必要はありませんが、 title および h1 要素は本質的に同じ目的を果たすため、非常に類似したものにすることが理にかなっている場合がよくあります。

なぜ重要なのか

スクリーンリーダーユーザーは、コンテンツを理解するためにフレームタイトルに依存しています frame。フレームに title 属性がマークされていない場合、このテクノロジのユーザーにとって、フレームとiframe間の移動はすぐに困難になり、混乱を招く可能性があります。

スクリーンリーダーのユーザーには、ページ上のすべてのフレームのタイトルのリストを開くオプションがあります。説明的で一意のタイトルを追加すると、ユーザーは必要なフレームをすぐに見つけることができます。タイトルがない場合、フレーム間の移動がすぐに困難になり、混乱する可能性があります。タイトルがリストされていない場合、スクリーンリーダーは代わりに「フレーム」、「JavaScript」、ファイル名、URLなどの情報を提供します。ほとんどの場合、この情報はあまり役に立ちません。

ルールの説明

ドキュメント内のすべての frame または iframe 要素には、スクリーンリーダーのユーザーに内容を説明する一意のタイトルが必要です。

仕組みについて (簡単に言うと)

すべての iframe および frame 要素に、一意で空でないタイトル属性が含まれていることを確認してください。

リソース

その他のリソース

その他リソースもあわせてご参照ください。

axe 4.10 ルールの一覧 を参照する

この情報は役に立ちましたか?

すでにフィードバックをいただきました、ありがとうございます。.

あなたの回答は次のとおりです。

この情報は役に立ちましたか?
フィードバックが提出された日付/時刻: