富士通ウェブ・アクセシビリティ指針
42. リンクのある文字や画像などは、クリックしやすいように充分な面積にし、誤操作しないように充分な間隔をあける。
仕様に関する指針 ＜操作＞ | 設計・制作・運営工程
解説
リンクのある文字や画像が隣接している場合、リンクの区切りを把握できないことがあります。
また、リンクのある文字や画像が隣接している場合や、それぞれの面積が小さすぎるなどの場合、上肢に障害のある利用者や高齢者は、意図したリンクを選択するのが困難な場合があります。
事例と実装
- 適度なリンク範囲を確保できるように、文字列全体にリンクを設定するか、大きな画像・文字などを用いる。
- 隣接するリンクの間に、充分な間隔を設ける。
- テキストリンクが横に並ぶ場合、各テキストリンクの間に縦線（ | ）や斜線（／）などを入れる。
- テキストリンクが縦に並んでいる場合は、行間を広く設定する。
悪い例1: 狭い範囲（矢印の画像）にだけリンクが設定されている
良い例1: テキスト部分へもリンクを設定する
悪い例2: 隣接するリンクの間に、充分な間隔がない
良い例2: 隣接するリンクの間に縦線（ | ）や斜線（／）などを入れ、充分な間隔をとる
悪い例3: 縦に並んだリンクテキストの行間が狭い
良い例3: 縦に並んだリンクテキストの行間を広く設定する
対応するJIS：5.3g（推奨）
