ホームページ作成講座/ユニバーサルデザインとは

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

ユニバーサルデザインとは

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

このページのトップへ戻る

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

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

〒101-0021
東京都千代田区外神田5-2-4
TOKENビル5階
TEL : 03-5812-3881
FAX : 03-5812-3882
オフィシャルサイト:
http://www.autumn-tec.co.jp/

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

  1. 集客できるホームページ 一歩進んだホームページ作成 【売れるHP(ホームページ)作成.JP】へのリンクバナーです。
  2. テンプレートから作るホームページ作成・制作 安くて高品質10万円より最短1日でオープン 【テンプレートWeb】へのリンクバナーです。
  3. SEOに強いショッピングサイト 上位表示可能検索システム 【Webシステム.com】へのリンクバナーです。
  4. 集客できるホームページ制作 売れるホームページ制作 サーチエンジン上位表示のホームページ制作会社 【オータムテクノロジー】へのリンクバナーです。
  5. 集客できるホームページ制作 売れるショッピングサイト サーチエンジン上位表示のSEO対策 【集客できるホームページ制作.net】へのリンクバナーです。
  6. 集客力 売り上げ SEO対策 アクセスマップ 【上位表示SEO.jp】へのリンクバナーです。
  7. 来たれ! WEBデザイナー WEBプログラマー PCサポートスタッフ 営業スタッフ 一般事務 随時、受付中:【オータムテクノロジー求人サイト】へのリンクバナーです。
  8. Webサイト制作、SEO、データベース構築・制作、Webサイト制作はWebサイト制作.comへ!【Webサイト制作.com】へのリンクバナーです。
  9. 50万円で求人サイトが作れる!! しかも上位表示 3つのメリット その1:求人コストの大幅な削減 その2:企業イメージのアップ その3:求人の管理を自社内で完結 費用対効果抜群 オリジナル求人サイト.com【オリジナル求人サイト制作.com】へのリンクバナーです。
  10. ホームページ制作会社選びのポイントとは?SEO?デザイン?値段?成功するホームページホームページ制作のための秘訣をお教えします!【ホームページ制作会社の選び方.jp】サイトへのリンクバナーです。