アクセシビリティ資料 検査項目事例集 WCAG 2.5.3

WCAG 2.5.3: ラベルを含む名前 (name)

ボタンやリンク、入力欄の画面上に見えているテキスト文字列が、支援技術用のアクセシブルな名前(aria-labelやaria-labelledby等)の先頭または一部に含まれるようにします。音声操作の利用者が画面の文字をそのまま声に出して操作できるようにするためです。

Level A 確認方法: 手動確認

意図的な失敗例: 表示ラベルと名前が不一致

表示は「検索」ですがアクセシブル名は別の語です。

確認観点

  • ボタン内の可視テキストと、要素に設定された aria-label の内容を比較する
  • aria-label で可視テキストを全く無関係な文言で上書きしないようにする
  • 補足を加える場合も、可視テキストを名前の先頭に配置する(例: 表示「削除」に対し、名前「削除: アカウント設定」など)

人の判断が必要な例

  • 画面に見えているラベルの言葉をそのまま発話して、音声入力でそのボタンを選択できるか確認する

補助ツール候補

  • label-content-name-mismatch
  • aria-attributes
  • form-structure

生成メモ

manual-judgment-catalog.ja.json の内容から生成しています。