ウェブページ作成ガイドライン第1.0.1版

2011年7月9日株式会社アップ E-Lecture

I. はじめに

このガイドラインは、株式会社アップ E-Lectureが作成・運営するウェブページにおいて、誰でも支障なく利用できるようにするための取り決めを定め、説明したものである。

II. 作成基準

利用者の環境に左右されないウェブページにするために

ウェブページの装飾・整形にはスタイルシートを使用する。
frameタグ、iframeタグは使用しない。
ポップアップウィンドウは使用しない。
画像には、alt属性による説明をつける。
複数のブラウザにおいて表示確認を行う。確認できない場合は、確認できたものを推奨ブラウザとする。
- Internet Explorer9（Windows 7/Vista）
- Internet Explorer8（Windows 7/Vista/XP）
- Safari5以降（Mac OS X, Windows 7/Vista/XP）
- Google Chrome（Windows 7/Vista/XP, Mac OS X）
- Firefox4以降（Windows 7/Vista/XP, Mac OS X）
- Opera11以降（Windows 7/Vista/XP, Mac OS X）

利用者の誰でも読むことのできるウェブページにするために

全体について
- タイトル（titleタグ）は、ウェブページの内容が一目で分かるものする。
- サイトマップを作成し、サイトの階層構造を明記する。
- パンくずリスト（ページの現在位置を">"等で表示したもの）で階層構造を表示する。
- どのページからでもホームに戻るリンクを貼る。
- 文書構造に従って、見出し（h1~h6）を使用する。
文字について
- 文字の大きさの単位にはemまたは%を使用する。
- 点滅する文字・スクロール文字を使用しない。
- 文字色と背景色とのコントラストを十分にとる。
- 長文になる場合には、行間を調整する。
- 機種依存文字は使用しない。
リンクについて
- リンクにはtarget属性を使用しない。
- リンクを貼る文字や画像は、選択しやすい大きさにする。
- リンクを貼る文字や画像には、リンク先の内容を明記する。
その他
- 表には、表題（captionタグ）・見出し（thタグ）・要約（summary属性）を記述する。

利用者をより引き込むウェブページにするために

すべてのページに問い合わせ先を明記する。
利用者の目的を考えて、階層構造を超える導線を追加する。
コンテンツの最下部に他のページへのリンクを貼るなどの工夫をする。
所在地を示すときは、地図や交通案内を明記し、印刷できるようにする。

その他

マークアップ言語の種類・バージョンを指定する。
自然言語を指定する。
文字コードを指定する。
metaタグのkeywords・descriptionを指定する。
ソースコード中には、内容についてのコメントを記す。
ウェブページの階層構造とファイルの階層構造をそろえる。

III. 参考文献

© 株式会社アップ E-Lecture