富士通ウェブ・アクセシビリティ指針

  仕様に関する指針 ＜操作＞  |   設計・制作・運営工程

解説

リンクのある文字や画像が隣接している場合、リンクの区切りを把握できないことがあります。

また、リンクのある文字や画像が隣接している場合や、それぞれの面積が小さすぎるなどの場合、上肢に障害のある利用者や高齢者は、意図したリンクを選択するのが困難な場合があります。

事例と実装

• 適度なリンク範囲を確保できるように、文字列全体にリンクを設定するか、大きな画像・文字などを用いる。
• 隣接するリンクの間に、充分な間隔を設ける。
• テキストリンクが横に並ぶ場合、各テキストリンクの間に縦線（ | ）や斜線（／）などを入れる。
• テキストリンクが縦に並んでいる場合は、行間を広く設定する。

悪い例1: 狭い範囲（矢印の画像）にだけリンクが設定されている

良い例1: テキスト部分へもリンクを設定する

悪い例2: 隣接するリンクの間に、充分な間隔がない

良い例2: 隣接するリンクの間に縦線（ | ）や斜線（／）などを入れ、充分な間隔をとる

悪い例3: 縦に並んだリンクテキストの行間が狭い

良い例3: 縦に並んだリンクテキストの行間を広く設定する

前へ   37    38    39    40    41    42    43    44    45    46    47    48   次へ