■ まずはページのレイアウトを分析する前に全部ではありませんけど、当サイトで行ったアクセシビリティを紹介します。(トップページ編)
- スタイルシートとジャバスクリプトを外部ファイル化し、ページの容量を減らしました。
- 脱テーブルでページの容量を減らし、またスクロール量を減らしました。
※ 結果、ページのパフォーマンスが向上しました。
- ページの上部に分かりやすいように「サイトについて・問い合わせ・リンクについて・サイトマップ」 等を表示しました。
※ サイトの大事な部分はページの上部で、サブメニューはその下、リンク集のメニューは
中間から下にしました。
- よくリンクがあちらこちらにあるサイトを見てわかりづらかったので自分のサイトでは位置を
統一しています。 - リンク色は文字の色とかぶらないようにしました、なおかつ選択済みリンクを少し色分け
しています。
※ 本当はリンクには下線があるのがベストです。
- ページの割り振りを2カラムにして、見やすいようにしました。
※ どうしても3カラムだと目線が動くので、より分かりやすい2カラムにしました。
※ カラムとはページの分割を意味します。
- 全体にシンプルにして、分かりやすくしました。
- Newer: ページレイアウト分析アルゴリズムを改善-3
- Older: ページレイアウト分析アルゴリズムを改善