色で操作を指示する
色だけで指定する
赤い文字の項目は必ず記入してください。
| 入力項目 | 記入欄 |
|---|---|
| お名前 | |
| メールアドレス | |
| 電話番号 |
色と合わせて、記号で指定する
「必須」と記述のある項目は必ず記入してください。
| 入力項目 | 記入欄 |
|---|---|
| お名前 (必須) | |
| メールアドレス (必須) | |
| 電話番号 |
高齢者や色覚異常の場合、色だけでは判別しにくいため、形のある記号や文字で指定する。
また、ブラウザによってはスタイルシートが無効になる場合もあるため、色の区別ができなくても理解できるようにする。
配置した場所で指示する
スタイルシートでレイアウトをしているページを閲覧する
| ○○ショップ | ||
メニュー メニュー メニュー お店のご案内 店舗A 店舗B |
商品情報 商品情報 商品情報 上記商品については、左の電話番号にお問い合わせ下さい。 |
イベント情報 イベント情報 |
| コピーライト表示 | ||
指定されたスタイルシートが無効なブラウザで閲覧する
○○ショップ
メニュー
メニュー
メニュー
お店のご案内
店舗A
電話番号
店舗B
電話番号
商品情報
商品情報
商品情報
上記商品については、左の電話番号にお問い合わせ下さい。
イベント情報
会場
電話番号
イベント情報
会場
電話番号
コピーライト表示
離れた位置関係にある情報を指示するのではなく、直近に明確に示す。
| ○○ショップ | ||
メニュー メニュー メニュー お店のご案内 店舗A 店舗B |
商品情報 商品情報 商品情報 上記の３商品については、店舗Aの電話番号にお問い合わせ下さい。 ●店舗Aのお問い合わせ先 … 電話番号 |
イベント情報 イベント情報 |
| コピーライト表示 | ||
同じ環境で閲覧しているとは限らないため、配置は無効になる場合がある。携帯電話で閲覧した場合もスタイルシートは無効になるため、位置情報で説明されても理解できない場合が生じる。
制作者が意図したレイアウト状態で表示されなくても理解できるように、言葉で明確に示すことによって閲覧者が迷わなくて済む。
