ドキュメントにはナビゲーションを支援する <title> 要素が必要です。
Accessibility testing for dev teams - No experience required
Compliance Data & 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)]
- 2.4.2: Page Titled
WCAG 達成基準 [WCAG 2.0 (A)]
- 2.4.2: Page Titled
WCAG 達成基準 [WCAG 2.2 (A)]
- 2.4.2: Page Titled
Trusted Tester 指南
- 12.A: A <title> element is defined for the web page.
修正方法
意味のあるテキストを含む title 要素を使用して、ドキュメントにわかりやすいタイトルを追加してください。
ドキュメントの title に、ページの内容を要約した短い説明テキストが含まれていることを確認します。
title タグを使用してドキュメントにタイトルを追加してください。これは次のように実行できます。
<html>
<title> A brief, clear, informative, and unique title</title>
<!-- the rest of the page content -->
</html>
良いタイトルとは、簡潔で、明確で、情報量が多く、ユニークなものです。ドキュメントの title に、ページの内容を要約した短い説明テキストが含まれていることを確認します。このルールに合格するには、単に title 要素があるだけでは不十分です。要素には意味のあるテキストも含まれている必要があります。
タイトルを書くときは、必ず次の ベスト プラクティス に従ってください。
- 「無題のページ」などのプレースホルダータイトルをより適切なフレーズに置き換えてください。
- 各タイトルを一意にします。類似している場合でも、ページ間でタイトルを重複させないでください。
- すべての固有の情報を先頭に配置してください。タイトルに会社名やブランド名を含めたい場合は、その情報を固有のコンテンツの後に配置する必要があります。そうしないと、スクリーン リーダーのユーザーは、興味のあるページを検索するときに、この情報を何度も聞かなければならなくなります。
-
ページ タイトルはページの上部の見出し (理想的にはh1というラベル) と一致するようにします。これらは完全に同一である必要はありませんが、
titleおよびh1要素は本質的に同じ目的を果たすため、非常に類似したものにすることが理にかなっている場合がよくあります。
タイトルには、ページのアクセシビリティを向上させる以外にも、検索エンジンが結果をフィルタリング、並べ替え、表示するときにタイトルを使用するため、他の利点もあります。サイトのアクセシビリティを向上させると、ページが見つけやすくなるという効果もあります。
なぜ重要なのか
スクリーン リーダーのユーザーは、ページ タイトルを使用してページの内容の概要を把握します。ページにタイトルが付いていないと、スクリーン リーダー ユーザーにとってページ間の移動がすぐに困難になり、混乱を招く可能性があります。ページ title 要素は、スクリーン リーダーのユーザーがWebページを初めて読み込むときに最初に聞くものです。
title は、スクリーン リーダーのユーザーがページにアクセスしたときに最初に聞くものです。title または title が説明的で一意でない場合、スクリーン リーダーのユーザーはページ全体を読んでその内容と目的を判断する必要があります。
ルールの説明
HTMLドキュメントには、ユーザーにコンテンツの概要を提供するための title 要素が必要です。要素が存在する場合は、空にすることはできません。
仕組みについて (簡単に言うと)
各HTMLドキュメントに次の内容が含まれていることを確認します title。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
あなたの回答は次のとおりです。
フィードバックが提出された日付/時刻: