Accessibility
Guidelines

3.2.4 一貫した識別性を持たせる

適合レベル

AA

※各レベルについては適合レベルとはをご覧ください

概要

同一サービス内で同じ機能のコンポーネントは、同じ見た目・ラベリングにする。ワーディングリストやスタイルガイドで定義と用途を記載することが望ましい。

具体例

悪い例

  • カメラのアイコンが撮影機能と画像という意味で使われている
  • 検索機能に、あるページだと「検索」、あるページだと「探す」というラベリングをつけている
カメラアイコンと画像一覧が合わさったラベルと6枚の画像が表示されており、その下部には同じカメラアイコンと撮影すると記載された緑色のボタンが表示されている
Bad カメラのアイコンが画像一覧と撮影機能両方を表してしまっている。

テスト・チェック方法

  • 企画時
  • デザインレビュー
  • 実装後

参考文献