WCAG 2.5.3: 表示ラベルとアクセシブル名が矛盾しないか確認する
ボタン、リンク、フォーム部品などの見えているラベル文字列が、アクセシブルな名前にも含まれているか確認します。
意図的な失敗例: 表示ラベルと名前が不一致
表示は「検索」ですがアクセシブル名は別の語です。
確認観点
- axeのlabel-content-name-mismatch結果を確認する
- ボタン、リンク、フォーム部品、タブ、メニュー項目など、見える文字を持つ操作対象を確認する
- aria-labelで見えるラベルを別の文言に上書きしていないか確認する
- アイコン付きボタンやカード型リンクでも、見えるテキストとアクセシブルな名前が矛盾しないか確認する
人の判断が必要な例
- 音声入力で見えるラベルを読み上げたとき、その操作対象を指定できる名前になっているか確認する
- 「検索」ボタンのアクセシブル名が「送信」など別の名前になっていないか確認する
- 多言語表示やCMS差し替え後に、見えるラベルとアクセシブル名が同じ言語・意味で保たれているか確認する
補助ツール候補
- label-content-name-mismatch
- aria-attributes
- form-structure
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。