タイトルからページの主題や目的がわかるようにする。

05条件と補足

見出しとページタイトルの違い

本文の見出しはページ内の内容を示し、ページタイトルはブラウザーのタブなどでもページを識別するために使われます。見出しが適切でも、ページ全体のタイトルが空だったり、主題を説明していなかったりすると問題が残ります。

HTMLのtitle要素と、要素に補足を付けるtitle属性も別のものです。

説明する内容と編集上の工夫

主題や目的がわかることが要件です。サイト名の追加、ページごとの区別、短くまとめることは、探しやすくするための工夫です。図では主題を先に置き、サイト名を後に添えていますが、この順序や区切り文字が必須という意味ではありません。

文書やウェブアプリケーションの名前だけで、そのページの目的を十分に説明できる場合もあります。タイトルに必ず細かな説明を追加するのではなく、実際の内容に合うか判断します。

URLが変わらず画面が切り替わる場合

一つのURLのまま、一覧から詳細などの別の画面へ切り替わるアプリケーションでも、現在の主題や目的を説明するタイトルにします。入力のたびなど、すべての小さな変化でタイトルを変更するという意味ではありません。

この改善例で扱うのは、ページタイトルの付け方です。ページやサイト全体のWCAG適合を示すものではありません。