ホームページ作成 東京/ホームページ 集客対策/ショッピングサイト作成 千葉/SEO 埼玉/Webサイト作成 横浜/SEO対策 集客/ネット通販サイト制作/CMS HP作成/Web作成会社 東京都【オータムWeb】

トップページ | 上級者のためのホームページ作成講座 ユニバーサルデザインとは

上級者のためのホームページ作成講座 ユニバーサルデザインとは

ユニバーサルデザインとは、1985年にノースカロライナ州立大学のロナルド・メイス氏によって提言確立された以下7つの原則があります。

誰にでも使いやすい、というバリアフリーの概念をデザインにまで昇華させたものが基本コンセプトとなります。

Webデザインにおけるユニバーサルデザインについては、2004年に制定されたWebコンテンツJIS規格(JISX8341-3)と密接な関係を持ち、弊社ホームページ作成の基本理念として掲げております。

ユニバーサルデザインの基本コンセプト「文化・言語の違いや老若男女による差異、また障害・能力を問わずできるだけ多くの人が利用可能であるデザイン」を説明しているイラストです。

1.誰にでも使えて手に入れることができること(公平性)

ホームページ作成では、身障者特に目の不自由な方々への配慮として、音声ブラウザ対応のホームページ作成、お問合せフォーム等にプルダウンメニューを使わない、また実行ボタンの付加などを実際の作成条件しております。(スタイルシートの使用・h要素の使用など)

2.使う上で自由度が高いこと(自由度・柔軟性)

旧式の古いブラウザでは、テキストだけしか表示できないものもあり、現在ほとんどのホームページでは、レイアウトが崩れテキストだけのブラウジングが不可能なものばかりです。

弊社ホームページ作成では、いかなる環境の閲覧者においてもブラウジングが可能な自由度の高いものとなっております。(フレーム非使用・代替テキストの用意・ハイパーリンク代替情報の設置など)

弊社ホームページ制作では、いかなる環境の閲覧者においても使用可能な自由度の高い制作であるということを説明しているイラストです。

3.使い方が簡単であること(単純性)

ユニバーサルデザインでは、パソコンの操作機器に依存する特別な入力フォームは、基本的に排除さる方向です。

キーボードやマウスを操作できない閲覧者は数多く存在し、操作デバイスに依存しない実行ボタンの設置や、フォーム構成部品のラベル関連付け、入力制限時間の延長・解除・通知などかこれに当たります。(ナビゲーションバーの設置・パンくずリスト・コーナー目次の設置など)

操作デバイスに依存しない誰もが操作できる入力フォームを構成することが必要であることを説明したイラストです。

4.必要な情報がすぐにわかること(明瞭性)

目の不自由な方々では、特定の配色の判別がつきにくい場合があり、ユニバーサルデザインのホームページでは、特定の色だけで領域を指定したり色だけに特別の意味を持たせたりしてはいけません。(地図表示の破線境界線使用・代替テキスト情報の用意)

5.うっかりミスが危険につながらないこと(安全性)

ショッピングサイトにおける購入ボタンでは、ワンクリックで購入が確定するのではなく、中間に確認画面を設け、実行ボタンを押してはじめて購入が確定する仕組みなどを言います。

あるページを開いたら、予期しないページがポップアップ表示されるような仕組みも注意が必要です。

ショッピングサイトにおいて、うっかり購入してしまわないよう、ワンクリックで購入確定するのではなく、中間に確認画面を設け、実行ボタンを押して初めて購入が確定する画面遷移を説明しているイラストです。

6.身体への負担が軽いこと(省体力)

お問合せフォームには、必要最小限の入力情報で問合せができるようにする。

アンケートフォームや会員登録など必要以上に入力作業を求めないことが、現在のホームページの常識になっています。(ラジオボタンの設置・チェックボックス設置など)

お問合せフォームの入力情報は必要最小限にすべきであるということを説明しているイラストです。

7.利用するための十分な大きさや空間を確保すること(スペース性)

お問合せフォームに入力させる際、文字数制限をかけているのに書き出し部分が見えなくなるようなフォームをよく見かけます。
また、行間の詰まったホームページテキストは、読みにくいというだけでなく、読んでもらえないということにもなりかねません。

行間の詰まったホームページテキストは読みにくく、読んでもらえないことにもなりかねないということを説明しているイラストです。

以上、ご覧いただいてお分かりのとおり、そのほとんどは閲覧者に対する「思いやり」や「親切」にほかなりません。せっかく到達してくれたWeb閲覧者に対し、信用性や親和性を持っていただくためにも、これから作成するホームページにはユニバーサルデザインを心掛けてほしいと思います。

【お問合せ/お申込み】:お問合せ/お申込みページへのリンクバナーです。

このページトップへ戻る

メインメニューを飛ばしてフッターメニューへ進む

株式会社オータムテクノロジー

千葉営業所
〒260-0045 千葉市中央区弁天1-10-3
白樺フラッツ501号
TEL : 043-251-4731
FAX : 043-251-4732
本社
〒101-0021
東京都千代田区外神田5-2-4
TOKENビル5階
TEL : 03-5812-3881
FAX : 03-5812-3882

【オータムテクノロジーの運営サイト一覧】へのリンクバナーです。

  1. 一歩進んだHP作成:【売れるHP(ホームページ)作成.JP】へのリンクバナーです。
  2. テンプレートから作るホームページ作成・制作:【テンプレートWeb】へのリンクバナーです。
  3. SEOに強いショッピングサイト、検索システム:【Webシステム.com】へのリンクバナーです。
  4. 当サイトの運営会社である、ホームページ制作の【オータムテクノロジー】へのリンクバナーです。
  5. 集客できるホームページ制作・売れるショッピングサイト制作:【集客できるホームページ制作.net】へのリンクバナーです。
  6. サーチエンジン上位表示のSEO/集客できるSEO対策:【上位表示SEO.jp】へのリンクバナーです。
  7. 日本全国の不動産屋検索ポータルサイト:【不動産屋検索.com】へのリンクバナーです。
  8. 日本全国の修理店・リフォーム業者検索ポータルサイト:【修理・リフォーム.com】へのリンクバナーです。
  9. 全国のアルバイト検索サイト:【アルバイト専門求人.com】へのリンクバナーです。
  10. オータムテクノロジー求人サイト:【オータムテクノロジー求人サイト】へのリンクバナーです。
  11. Webサイト制作、SEO、データベース構築・制作、Webサイト制作はWebサイト制作.comへ!:Webサイト制作.comへのリンクバナーです。