Level AWCAG 2.2
2.4.2 ページタイトル
ウェブページには内容を説明したタイトルがある。
なぜ重要か
スクリーンリーダー
ページ遷移時に最初に読み上げるのがタイトル。適切なタイトルで現在地を即座に把握できる。
認知障害
複数タブを開いたとき、タイトルだけで目的のページを見つけられる。短期記憶の負担を軽減。
SEO
検索結果に表示されるタイトルはユーザーが最初に目にする情報。クリック率にも直結。
ブックマーク
ブックマーク時にタイトルが保存される。わかりやすいタイトルで後から見つけやすくなる。
ライブデモ
ブラウザタブのタイトル
複数のタブを開いたとき、タイトルだけで内容を区別できますか？
ページ1
ページ2
無題
https://example-ec.com/page1
タブを見ても、どのページかわからない
スクリーンリーダーは新しいページに移動するとまずタイトルを読み上げます。 「ページ1」では何のページか判断できません。
スクリーンリーダーの読み上げ:
「ページ1」…どのサイトの何のページ？
良いページタイトルは「ページ固有の情報」を先に、「サイト名」を後に配置します。
<title>商品一覧 | ECサイト</title>ペルソナで理解する
山田さん（28歳）— 全盲
スクリーンリーダーで複数のタブを切り替えて仕事をしています。タブを切り替えるとタイトルが読み上げられるので、「無題」や「ページ1」では何のページか毎回確認する手間がかかります。