多彩な環境への配慮-基本４

2005/04/21

さまざまな環境への配慮を考える

一口にパソコンと言っても色んな環境があります。
OSからブラウザ、回線速度、会社、学校、自宅などさまざまです。
自宅でも、子供がすぐ横で寝ているので音を出せない、会社ではコストを下げるためにパソコンのスペックが低かったり、回線速度を分岐しすぎて遅かったり
などなど色々ありますね。

htmlはなるべく適切なタグを使う

実はこれ微妙なんですよね、別に使い方が少々間違っていても表示されるし・・・
機会があればその事に関してまた別のコラムで書きます。
見た目はスタイルシートを使う。これはページも軽くなりますし、更新も楽になるのでおすすめです。

文字情報は

出来るだけ画像にせずに、文字として打つ。
サイズなどの指定はユーザーで変更できるように相対的なサイズでしていする。
文字情報を画像にする場合は読みやすく、alt属性もマークアップする。

文字色と背景画像

サイトを作っていると色々やってみたくなります。
色んな文字の色を試して見たり、文字色もいろいろつかってみたりしたくなります。
文字が七色のサイトなんかもありますが、ちょっと見にくい・・・
自分の考えだけでなく見る人すべての事を考えて作成しましょう。

table要素でレイアウトすると困るユーザーもいる

table要素でレイアウトするとブラウザによっての違いも少ないと言う利点もありますが
ユーザーによっては困る場合があります。音声読み上げソフトを使用しているユーザーには読み上げ順序が変わってしまったりする事があります。
出来るだけ最小限に抑えましょう。
テキストブラウザというものがあり、それでもチェックできます。

代行手段をよういしておこう

例えばフラッシュを使ってメニューなどを表現しているサイトもあります。
これらは非常にかっこよく、綺麗だと思いますが、ユーザーによってはそのフラッシュを利用できない人もいます、そんな時、「no flash」などのリンクが 目立つ所にあれば静的なページに誘導できる仕組みを作れます。

色んな要素を考えてサイトを作る事が大切ですね。

サイト構築の基本シリーズコラム

１．サイト構築の基本１-サイトの表現(05/4/21)
２．サイト構築の基本２-サイト構造を考えよう（前編）(05/4/21)
３．サイト構築の基本３-サイト構造を考えよう（後編）(05/4/21)
４．サイト構築の基本４-多彩な環境への配慮(05/4/21)
５．サイト構築の基本５-ユーザーへの配慮(05/4/21)

このコラムにコメントして頂ける場合Travail掲示板-バイト チャットレディまで！