このページの本文へ移動

Page Titled2.4.2 ページタイトル(レベルA)

ウェブページには、主題又は目的を説明したタイトルがある。

出典:WAIC. “ 達成基準 2.4.2 を理解する新しいウィンドウを開きます ” WCAG 2.0 解説書(参照2024年6月1日)

概要

各ウェブページにわかりやすいタイトルを提供することを求めています。この基準は、ユーザーがページの内容を理解しやすくし、特にスクリーンリーダーユーザーや視覚に障害のあるユーザーがページを識別しやすくするために重要です。ページタイトルは、ユーザーが複数のタブを開いている場合や、検索エンジンの結果から目的のページを見つける際に役立ちます。

このページでは、ウェブサイト制作でよく直面する課題に対して、基本的で取り組みやすい方法を紹介しています。
ただし、他にも対処すべき状況や多くの手段があり、具体的な状況に応じて最適な方法を選ぶことが大切です。

課題に対する実践的な方法

ウェブページに説明的なタイトルを提供する

各ページに具体的で説明的なタイトルを設定します。タイトルは、そのページの主要な内容や目的を簡潔に示すものであるべきです。例えば、製品ページなら「商品名 – オンラインストア」、ブログ記事なら「記事タイトル – ブログ名」といった形式で設定します。これにより、ユーザーがページの内容を一目で理解できるようになります。

G88:ウェブページに説明的なタイトルを提供する

title要素を用いて、ページタイトルを提供する

HTMLのtitle要素を使用して、各ウェブページにタイトルを提供します。title要素は、HTML文書のheadセクションに配置し、ページの内容を簡潔に表現する文字列を含めます。これにより、ブラウザのタブや検索エンジンの結果に表示されるタイトルが明確になり、ユーザーが目的のページを見つけやすくなります。

H25:title要素を用いて、ページタイトルを提供する

まとめ

達成基準 2.4.2 は、ユーザーがページの内容を簡単に把握できるようにするため、明確で説明的なタイトルを各ページに提供することを求めています。具体的な方法として、説明的なタイトルを設定と、HTMLのtitle要素を使用してタイトルを提供することが推奨されます。これにより、全てのユーザーがよりスムーズにウェブサイトを利用できるようになります。

WCAG 2.0とその翻訳文書の利用について

本ページの内容は、「Web Content Accessibility Guidelines (WCAG) 2.0新しいウィンドウを開きます」、「WCAG 2.0 解説書新しいウィンドウを開きます」および「WCAG 2.0 達成方法集新しいウィンドウを開きます」からの引用を含んでいます。引用された内容は、W3CおよびWAICによって公開されており、以下のクリエイティブ・コモンズライセンスに基づいて使用されています。これらのガイドラインを参考にしつつ、ウェブアクセシビリティの向上に向けた具体的な取り組みを分かりやすく説明しています。

WCAG 2.0

この作品はクリエイティブ・コモンズ 表示 4.0 国際ライセンス新しいウィンドウを開きますの下に提供されています。

WCAG 2.0 解説書及び達成方法集

この作品はWCAG 2.0 解説書及び達成方法集からの引用を含みます。翻訳はWAICによって提供されており、文書のステータスは「勧告」です。なお、この文書の正式版はあくまでW3Cのサイト内にある英語版であることにご注意ください。

Contactお問い合わせ

当社ではウェブアクセシビリティ診断を提供しております。すべてのユーザーにアクセスできるウェブサイトを目指して、一緒に取り組みましょう。診断のご依頼や詳細については、お気軽にご連絡ください。

お問い合わせ