フレームにはアクセス可能な名前が必要です

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

Accessibility testing for dev teams - No experience required

Find and fix up to 80% of accessibility issues with axe DevTools Pro. Get started with your free trial today. No credit card needed.

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 盲目
  • 盲ろう者
  • 運動・器用さ

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • Section 508
  • 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

Section 508 ガイドライン

  • 1194.22: Web based intranet and Internet Information & Applications
  • 1194.22 (i): Frames shall be titled with text that facilitates frame identification and navigation.

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 要素に有効なtitle属性値があることを確認する。

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

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

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

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

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

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

なぜ重要なのか

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

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

ルールの説明

すべての frame または iframe 要素には、スクリーン リーダーのユーザーに内容を説明するために、空でないタイトルが必要です。

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

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

リソース

その他のリソース

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

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

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

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

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

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