• 締切済み

高齢者の見やすいホームページ

高齢者の見やすいホームページの作成をしようとするのですが、 アクセシビリティ・ウェブユーザビリティに関する難解な用語の解説 ばかりのページは見つかるのですが、目的の「高齢者の見やすいホームページ」を解説しているページが見つかりません。 どなたかご存知の方、お教えください。

  • HTML
  • 回答数3
  • ありがとう数7

みんなの回答

回答No.3

非常に難しいテーマかと思います。 自分も意識しながらホームページの作成,更新をしていますが、 そもそも「高齢者の見やすいホームページ」とは??? まず知識の問題があります。 高齢者が知っている操作,設定は何か。 使いやすい機能を用意しても知らなければ使えないし・・・。 知識がなくても特定の操作で扱いやすくした場合、今度は設定等の自由度に問題が出てくる事も・・・。 という事で、とりあえず基本は、 HTMLを適切に記述して音声ツールとかテキストブラウザでも閲覧できる様に配慮するとか。 文字サイズも相対指定で大きめに指定しておくとか(ブラウザ側で変更可能にはしておく。) 配色も読みやすい疲れにくい色を使うとか(以外と背景色が白なのも疲れますし・・・。) また、そのサイトの操作説明ページを用意する事も一案かと思いますが、効果は不明・・・。 サイトマップの様などこに何があるか、今どこのページを見ているのか視覚的に判る様な仕掛けがあれば良いとは思いますが・・・。(私はとりあえず全てのページの右上にサイトマップもどきのページへのリンクを用意していますが、さて。) 結局はいろいろ用意しても、その閲覧環境やら操作側の知識が関わってくるので、「より簡潔で簡単。」が良いかと思います。何か機能を用意してもそれを知って覚えてもらわないといけませんので・・・。 何より、使いやすくしたつもりで別途に機能を用意した場合に、その機能を使えない時に不便になる(不都合が起きる)という事もあるので要注意です。 (当方の失敗による経験より・・・。)

参考URL:
http://design.fujitsu.com/jp/universal/assistance/
kazkoido
質問者

お礼

回答ありがとうございました。 WEBINSPECTORは、以前から利用していたのですが、 これから、その他のツールも使った活きたいと思います。

  • exists
  • ベストアンサー率62% (27/43)
回答No.2

>「高齢者の見やすいホームページ」を解説しているページが見つかりません。 同感です。ホームページの作成は、ホームページ作成用ソフトを使って作成する方法と、テキストエディタ(notepad等)を使って、一から書いていく方法があります。アクセシブルなページを作成するためには、エディタでの編集やhtmlの基本知識も必要になると思います。 その点で、少し難しいかもしれません。 ただ、アクセシビリティの精神は、難しくありません。 高齢者の立場に立ったホームページを考えればいいんです。 例えば、マウス操作に秀でた老人は、あまり見かけません。 マウス操作が苦手でも、選択しやすいように、ボタンを大きくする。また、マウスなどを使わなくても選択できるようにする。(リンクにaccesskeyという属性をつけてやる。) 何度もクリックしなくても、簡単に目的のページに移動できるようにする。 どっかをクリックしたら、大きな音が鳴り出したり、自分でとめようと思っても、とめることが出来ないような効果を入れないようにする。 使っている人が、いつでも、中止したり再開できるような方法を、解りやすく用意する。 老人用だから、といって、単に文字を大きくするんじゃなくて、自分なりに、調整できる仕組みを上手く考える。 人に読んでもらったり、操作してもらうのだから、思いやりを持って作ろう。という考え方ですから、「あなたが、その情報を届けたい高齢者って、どんな高齢者なの。」ということが大きな要素になります。  高齢者には、ゲートボールに熱中する。スポーツ高齢者もいれば、寝たきり生活を余儀なくされる高齢者もいます。  インターネットで情報を探すのも有益ですが、ある程度の知識がないと理解できないこともあると思います。  高齢者のためのページを作る方法は、インターネットだけが提供している情報ではありません。  まずは、自分で思いつくままページを作って、「老人に聞いてみる。」私は、最善の方法だと思います。    方法としては、漠然とした感想を聞くのではなく、トップページから、ある特定のコンテンツまで、リンクをたどったりして、目的のページに辿りつきやすいかどうかを、複数の人にアンケートするようなことがいいと思います。  また、このような質問の場で、作ったページが、アクセシブルかどうかの質問をしてみるのもありかもしれません。  hatenaなどで、自分のページについて質問しているのをたまに見かけます。

kazkoido
質問者

お礼

「直接、老人に聞いてみる」というのは、至極当然のことだと思いました。 できるだけモニターの方に参加していただいて、ホームページ作りを、進められるようにしたいと思います。

  • sr-agent
  • ベストアンサー率43% (594/1373)
回答No.1

自分も難しいページしか思いつかないので、とりあえず以下のようなことを実行されてはいかがでしょうか? 1、文字の大きさを指定しない(ptではなく指定するなら%などの相対値)→IEなら「表示」の機能を使えば、閲覧者側で、ある程度好みの大きさにすることが可能。 とはいえ、なかなか、使いこなせない人もいるかもしれませんので 最初から若干大きめのフォントにする。 2、コントラストははっきり。ただ真っ白に真っ黒な字だとちらついてよく見えないため、背景には多少色を入れる。 (白内障対策) 3、リンクを貼ってある場所の大きさはなるべく文字数を多くする。 (マウスの扱いが意外と大変) できたらアクセスキーの設定もする。 (設定をしておくと、Altキー+特定の文字を押したとき、 カーソルがリンクの箇所に移動するので、マウスの操作がいらない) 4、不必要な画像、音楽、フラッシュ、ジャバスクリプトは使用しない(遅い回線を使ってみているかたもまだいることを考える)、また、レイアウトにテーブルタグを利用しない。(表示に時間がかかる原因になる。お年よりは気が短い人も結構います) 5、可能なら、文法が正しいかのチェックもする などでしょうか? ご参考まで。 (タグの書き方等わからない部分は補足などで質問されるとよいと思います)

kazkoido
質問者

お礼

ご回答ありがとうございました。特に、不必要な画像・音楽、フラッシュは、私にとっては、大いに参考になりました。 必要な情報へのアクセスよりも、HPをテレビ画面のように、華やかにすることに、力点をおくケースが、最近は大変に多かったので、とても勉強になりました。

関連するQ&A

  • ユーザビリティとアクセシビリティの違いは何?

    言葉の意味なんですが、 「ウェブユーザビリティ」と「ウェブアクセシビリティ」の意味の違いは何ですか? 両方とも「ホームページのアクセスのし易さ、使い勝手の良さ」という意味のような気がするのですが、二つの言葉の違いが分かりません。 教えてください。よろしくお願いします。

  • ユーザビリティとアクセシビリティの違い

    webにおけるユーザビリティとアクセシビリティの違いについて教えてください。

  • ウェブ・アクセシビリティ重視のツール

    ウェブ・アクセシビリティがJIS規格にもなったようですが、ホームページ作成ツール(Mac用)で、どのソフトが最もアクセシビリティを考慮したウェブ・コンテンツを作るのでしょうか。教えてください。

    • ベストアンサー
    • Mac
  • WEBページの技術について

    WEBページを見ていて、これってどうなってるんだろ?と思うことがよくあるんですけど、どのように作成されているか、というHOWTOではなく、どういう仕組み(技術?)なのかを解説している書籍とかサイトをご存知でしたら教えてください。 検索をかけると、ホームページ作成支援とか沢山あるのですが、私はこういうホームページが作りたい!というわけではなくで、純粋な興味として「なんで?」という疑問をちょっとでも知りたい、というだけなんです。 日経BPの「なぜ」シリーズみたいな本なりサイトなりを探しているのですが…。 一応ホームページ作成入門みたいな本は読んでいるのですが、こういうHTML書いたらこうなるんだよ、ということより、究極的にはブラウザって何してるんだ?ということが知りたいのです。 やはり自分でつくってみないとわからないものでしょうか。 素人には無理だよー、とかWEB技術は幅広いのいっぺんにまとめるのは無理、という回答でもいいので、詳しい方、よろしくお願いします。 用語集とかも見ているのですが、わかったようなわからないような…(笑)

  • ホームページ作成について

    作品集をつくりたいのですが、トップページに1ページ2ページ3ページ目へのリンクをはり、ホームページの横幅が長く、1ページ2ページ3ページはトップページの右側にあり各ページが幅1200pxくらいあるサイトをつくりたいのですが、どのようにつくるのかご存じの方おしえてください。 私が見習って、作成したい上記ホームページはjquery.smooth-scrollを使っているようです。 opaciy要素も使っているみたいです。 また、各作品のトップページを2ページ目に配置したいのですが、Photoshopで作成したものを1枚の画像としてスライスして、WEB用に保存するのでしょうか? かなり初心者です。よろしくお願いします。

    • ベストアンサー
    • CSS
  • Webアクセシビリティとは?

    アクセシビリティとは、 「障害者、高齢者などのハンディをもった人も含めた誰もが利用可能であるか」 という意味だったと思うのですが、 Webを対象とした「Webアクセシビリティ」とはどういったことでしょうか? 自分なりに調べてみたのですが、専門的な用語を使った説明ばかりで、いまいち理解することができませんでした。 ですので、その意味と具体的にどのようなことWeb上でしているのか教えてください。 (W3CのWAIを参照すればよい、とアドバイスをもらったのですが、W3CのHPを見たらすべて英語だったので断念しました;;) よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • ホームページのトップページの拡張子確認方法

    ホームページビルダーで職場のホームページ作成を頼まれました。 解説書にトップページの拡張子が.htmlか.htmなのかプロバイダに よって違うのでトップページのファイル名の確認が必要だと書いています。 今はタグで作ったホームページがWeb上にありますが、どのように して調べるのか具体的な手順を教えてください。

  • Mac OSXでのホームページ作成について教えてください。

    MacOSXで、画像中心のホームページを作りたいと思っているのですが、パソコン初心者のため分からないことが多く困っています。 OSXではAppleWorksでWebページを作成したり、作成したWebページをパーソナルWeb共有で公開できるようなのですが、(まだよく理解しきれていません...)やはりホームページ作成ソフトなどを使った方が見栄えよく、作りやすいのでしょうか? また、ホームページ作成で参考になるMacユーザー向けの書籍などありましたら教えてください。 色々と質問が多いのですが、よろしくお願いします。

    • ベストアンサー
    • Mac
  • ホームページの変更

    ホームページビルダー2001バージョン5.0.3を使用して作成したWEBページを、OCNを使って公開しています。 今回ビルダー11を使用して全く新しいWEBページを作成しました。 現在のWEBページと差し替え?したいと思います。 新しいWEBページを転送するだけでいいのでしょうか。 以前のWEBページを削除する必要がありますか。 初心者にわかるよう説明頂けると嬉しいです。

  • ホームページ

    インターネットエクスプローラーのホームページ作成のためWebページを追加したのですが削除方法がわかりません