A
2.4.2 ページタイトル
アクセシビリティにおける達成基準 2.4.2「ページタイトル」(Page Titled)【等級 A】は、各ページが適切で明確なタイトルを持つことを求める基準です。
目次
要件
各ウェブページには、そのページの目的や内容を簡潔に表すタイトルを提供すること。
なぜ重要なのか?
- スクリーンリーダーは最初に <title> 要素を読み上げるため、利用者がページ内容を即座に把握できます。
- 複数タブを開いているときにも、タブタイトルで判別可能になります。
- 検索結果や履歴などでもタイトルが表示され、UX・SEOの両面で重要。
実装方法
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>お問い合わせ|株式会社〇〇</title>
</head>
- 要素は <head> セクション内に必ず含める。</p>
- ページの種類や機能が明確に分かるように記述する(例:トップ|会社概要|サービス詳細 など)。
- サイト名(ブランド名)もタイトルの末尾などに併記することが望ましい。
適切なタイトルの例
| ページ内容 | 良いタイトル | 不適切な例 |
|---|---|---|
| トップページ | ホーム|株式会社〇〇 | 無題、index |
| お問い合わせページ | お問い合わせ|株式会社〇〇 | フォーム、page3 |
| 製品Aの紹介 | 製品Aの詳細情報|株式会社〇〇 | 製品 |
具体的なチェックポイント
- <title> タグが存在しているか
- ページごとに内容が異なるか(テンプレートのままになっていないか)
- 内容が簡潔で分かりやすいか(30〜60文字程度が目安)
- サイト名の一貫性が保たれているか(例:ページ名|サイト名)
利点
- スクリーンリーダー利用者の操作性向上
- タブや履歴でのページ識別性アップ
- 検索エンジン最適化(SEO)にも有効
- 多言語対応時の明確な識別が可能
まとめ
| 項目 | 内容 |
|---|---|
| 達成基準 | 2.4.2 ページタイトル(Page Titled) |
| レベル | A |
| 目的 | ページの内容・目的を明示する |
| 実装方法 | <title> 要素で適切な内容を指定 |
| 推奨構成 | 「ページ名|サイト名」 |
| 関連性 | スクリーンリーダー対応、UX、SEO すべてに重要 |
最終更新日:2025年12月01日
一覧に戻る
お問い合わせ
当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。