3.2.4 一貫した識別性

要件

同じ機能を持つコンポーネントは、ウェブページ全体で一貫した方法で識別されなければならない。

具体的な内容

内容	解説
同じ機能のコンポーネント	たとえば「検索ボタン」「フォーム送信ボタン」「ログアウトリンク」など
識別の一貫性	ラベル、役割（role属性）、name属性などを、ページ間で統一して使用する必要がある

具体例

適切な例	不適切な例
すべてのページで「検索」ボタンが aria-label="検索" として提供されている	一部ページでは「探す」、他では「Search」など表記がバラバラ
「お問い合わせ」ページの送信ボタンが他のフォームでも同様に「送信」と表記されている	ページごとに「送信」「登録」「確認」とラベルが変わっている
同じアイコンに role="button" + aria-label="メニューを開く" を使い回す	同じハンバーガーアイコンなのに、aria-label が「開く」だったり「メニュー」だったりする

この基準の目的

• 学習コストを下げる：利用者が一度覚えた操作を他のページでも迷わず使える
• 支援技術対応：スクリーンリーダーが一貫した表現を読み上げるため混乱を防げる
• 認知障害や学習障害を持つユーザーにとっても理解しやすいUIを提供

実装・設計のポイント

• コンポーネントやインタラクション要素に一貫したラベル・名前・roleを付ける
• 同一機能を担うボタンやリンクのHTML属性、ラベル、アイコンを統一
• CSSクラス名やJSのイベント設定も再利用性を高めると保守性も向上
• アイコンや画像を用いる場合は、alt属性やaria-labelも統一

利点

ユーザー視点	制作者・運用者視点
見慣れた表現で直感的に操作しやすい	UIコンポーネントの再利用で工数削減・品質向上
支援技術でも混乱せずに操作可能	アクセシビリティ評価の合格率向上
覚えやすく、誤操作も減る	多言語展開時も表記管理がしやすい

まとめ

項目	内容
達成基準	3.2.4 一貫した識別性
等級	AA
要件	同じ機能は、同じ識別方法（ラベル、role、name）で提示すること
対象	ボタン、リンク、フォーム部品、ナビゲーションなど
注意点	ページごとに文言・属性が変わらないようにする
効果	直感的な操作、支援技術対応、ユーザー体験の一貫性

一覧に戻る