JIS X 8341-3は、日本におけるWebコンテンツのアクセシビリティ規格です。規格が扱う「予測可能」という考え方の中では、利用者がページを移動しても、同じ機能を迷わず見つけて操作できることが重視されます。そのための要点の一つが「一貫した識別」です。
一貫した識別は、単にボタンの色や形をそろえることではありません。同じ機能に同じ名称、ラベル、アイコンの代替テキストなどを用い、利用者が機能を見分けやすくすることが中心です。ここでは、その意味と実装時の確認方法を具体例とともに整理します。
「一貫した識別」とは
一貫した識別とは、サイト内の複数のページに同じ機能を持つ要素が繰り返し登場するとき、その機能が一貫した方法で示されている状態を指します。例えば、商品を探す機能を、あるページでは「検索」、別のページでは「探す」と表示すると、利用者は別の機能だと受け取るかもしれません。同じ機能であれば、原則として同じ名称で示すと理解しやすくなります。
見た目の統一も、機能を見つける手掛かりとして役立ちます。ただし、色や形が同じであることだけでは十分ではありません。画面に表示される文言に加え、スクリーンリーダーなどに伝わる名称や、アイコンの代替テキストまで含めて確認する必要があります。
「一貫したナビゲーション」との違い
- 一貫した識別：同じ機能を持つボタンやリンクなどを、一貫した名称やラベルで示します。
- 一貫したナビゲーション：複数ページで繰り返されるメニューなどを、同じ相対的な順序で配置します。
どちらも操作を予測しやすくするための考え方ですが、確認する対象は異なります。名称が統一されていてもメニューの順序がページごとに大きく変われば迷いやすくなり、順序が同じでも同じ機能の名称が変われば識別しにくくなります。
一貫した識別の具体例
| 対象 | 分かりにくい例 | 改善例 |
|---|---|---|
| 検索ボタン | ページによって「検索」「探す」「実行」と名称が変わる | 同じ検索機能には「検索」という名称を用いる |
| メニューアイコン | 同じアイコンの代替テキストが「メニュー」「ナビゲーション」と変わる | 同じ機能には一貫した代替テキストを用いる |
| 保存ボタン | 画面上は「保存」だが、支援技術には「登録」と伝わる | 表示名と支援技術に伝わる名称を、実際の機能に合わせる |
| 異なる送信機能 | 問い合わせ送信と会員登録の両方を「送信」とだけ表示する | 「問い合わせを送信」「会員登録を完了」など、違いが分かる名称にする |
重要なのは、名称を機械的に同じにすることではなく、機能の同一性に合わせることです。同じ機能には一貫した名称を用い、異なる機能には違いが伝わる名称を付けます。
リンクテキストは行き先と目的を示す
リンクテキストは、「こちら」「詳しく見る」だけで済ませず、「料金プランを見る」「導入事例を読む」のように行き先や目的が分かる表現にします。同じ目的のリンクが複数のページに繰り返し登場する場合は、表現もそろえると理解しやすくなります。
実装時の進め方
1．繰り返し使う機能を洗い出す
まず、ヘッダー、フッター、メニュー、検索、ログイン、カート、フォームなど、複数ページに登場する機能を一覧にします。ページごとに確認するだけでは、名称の違いを見落としやすいためです。
2．名称とラベルのルールを決める
同じ機能に使う表示文言、アイコン、代替テキスト、支援技術に伝わる名称を決めます。共通部品として管理できる場合は、一つの部品を各ページで再利用すると、更新時の不一致を防ぎやすくなります。
3．似ている機能の違いを明確にする
「保存」と「公開」、「カートに追加」と「今すぐ購入」のように、操作が似ていても結果が異なる機能は区別します。見た目をそろえる場合でも、利用者が操作後の結果を予測できる名称を付けることが大切です。
4．複数ページを横断して確認する
同じ機能が登場するページを並べ、表示文言、配置、アイコン、代替テキストを比較します。新しいページや機能を追加したときにも同じ確認を行うと、運用中のばらつきを抑えられます。
5．見た目と読み上げの両方を確認する
画面上の文言だけでなく、スクリーンリーダーの仕組みと確認ポイントも踏まえて、機能名がどのように読み上げられるかを確認します。表示文言と読み上げられる名称が食い違っていないか、同じ機能がページごとに別の名称で伝わっていないかを確かめます。
公開前のチェックリスト
- 同じ機能に、ページごとに異なる名称を使っていないか
- 同じアイコンに、一貫した代替テキストや名称を設定しているか
- 表示文言と支援技術に伝わる名称が食い違っていないか
- 異なる機能を、同じ曖昧な名称で示していないか
- リンクテキストから行き先や目的を判断できるか
- 繰り返されるナビゲーションの順序も、ページ間で大きく変わっていないか
一貫した識別が利用者を助ける理由
利用者は、一度覚えた名称やアイコンを手掛かりに、別のページでも機能を探します。識別方法が一貫していれば、ページを移動するたびに操作方法を覚え直す負担が減り、目的の機能を見つけやすくなります。
この配慮は、画面を見て操作する人だけのものではありません。テキストとして伝わる名称を頼りに操作する人にとっても、同じ機能が同じ言葉で示されることは重要です。一貫性は、利用者がサイトの動きを予測し、自信を持って操作するための土台になります。
まとめ
JIS X 8341-3で考える「一貫した識別」の要点は、同じ機能を同じ方法で分かりやすく示すことです。見た目だけをそろえるのではなく、表示文言、リンクテキスト、アイコンの代替テキスト、支援技術に伝わる名称まで確認します。まずは検索、メニュー、フォームなど、複数ページで繰り返し使う機能から点検すると、改善箇所を見つけやすくなります。
Webアクセシビリティ導入を支援するツール
当社のUUU ウェブアクセシビリティウィジェットツールでは、Webアクセシビリティへの取り組みを支援しています。対応を検討している方は、リンク先で機能や導入方法をご確認ください。