- ベストアンサー
全盲の方にも来て頂けるHPの作り方とは…
- 全盲の方でも利用できるHPを作成するためには、音声ブラウザに対応したコンテンツ表現が重要です。
- 全盲の方向けにページ修正をする際には、音声ブラウザの読み上げ機能の問題を解決する必要があります。
- 全盲の方に対応したHPを作成するためには、音声ブラウザの動作やコンテンツ表現についての理解が必要です。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
こんにちは。 ウェブアクセシビリティの中の視覚障害者に限っての話、 視覚障害者の方達のアクセスは「スクリーン・リーダー」にて内容を把握しますので、健常者が画面を一望して目的の場所をクリックするような作りですと完全なアクセスは困難かと思います。 例えば、アイコン等にはALT属性に依る説明が有ったとしても何処にそのアイコンが有るのかが分かり易い位置に配置されて居ないと見過ごされてしまいます。 又、総てのスクリーン・リーダーが一様に動作(対応)する訳でも無いので、スクリーン・リーダーの癖(特徴)等も↓に有るような種類の研究も必要らしいです。 ------------------------- スクリーン・リーダーとは 主なスクリーン・リーダー 現在、日本で市販されている主な製品には、以下のものがあります ↓ http://www.keiyu.com/access/screen.htm#reader
お礼
ご回答ありがとうございます。 ひとえに“音声ブラウザ（スクリーン・リーダー）”といっても、色々と種類があるのですね。初めて知りました。 その、現在修正依頼を受けている友人のHPには、何名か全盲の方がいらっしゃるようなので、皆さん同じスクリーン・リーダーを使用されているとは限らないのですよね… とりあえず、回答を寄せて頂いた皆様よりのご指導を参考にHPの修正をしてから、改めて友人を介して全盲の利用者様の反応を伺いたいと思います。 違う角度からのご指導ありがとうございました。
- fcrjoey
- ベストアンサー率35% (20/57)
参考URLの「ウェブアクセシビリティ」→「アクセシビリティ情報の総目次」→「2.アクセシブルなウェブの作成方法を知りたいとき」とたどっていくと お求めの情報に近い物に辿り着くと思います。 （個人的には「2-1アクセシブルなウェブの作り方」→「バリアフリーWebデザインガイド」がわかりやすいと思います。フレームについても解説されています） それ以外にもこのサイトで アクセシビリティについて詳細に解説しているので 今回の様に全盲の方が来られる事を前提に作るのであれば 熟読されるととても役に立つと思います。 ちなみに私は自分自身でサイト作成に携わる人間ではありませんが 仕事で作成を発注する事があるので目下勉強中です。
- 参考URL：
- http://www.aao.ne.jp/
お礼
ご回答ありがとうございます。 参考URLの丁寧な辿り方を記載して頂き、『バリアフリーWebデザインガイド』を拝見致しました。 こちらの“教えて！goo”を利用する前に、自分なりに全盲の方にも来て頂けるHPの作成方法のヒントがないか、色々とサイトを見て回ったのですが、このようなサイトがあったとは！ とても参考になりそうです。これから熟読して、修正に反映させたいと思います。教えて頂きありがとうございました。
- ororonchou
- ベストアンサー率40% (161/396)
大手のポータルサイトとかをお手本にしてみればいいと思います。 Yahoo!とかgooとか、入口にフレームを使っているサイトは皆無ですよね？ つまりそれだけ、フレームはアクセシビリティ（アクセスのしやすさ、使いやすさ）が悪いんです。何はともあれフレームはやめたほうがいいですね。 あとは、「テキストオンリーのサイト」を作るつもりでやればいいと思います。基本的なところでは、画像にはかならずaltで説明をつける、とか…。 コチラ↓の指針番号8番以降あたりが参考になるかもしれません。
お礼
ご回答ありがとうございます。 私の作ったページも、入口部分はフレームを使用せず、中に入るとフレーム式になっているので、入口部分は大丈夫のようですね。 後、画像についてもaltタグをつけて、その画像についての説明を入れると読み取って貰えるようですね。 参考URLを拝見したのですが、titleタグについて、フレームを使っている部分は確かにtitleがついたりついていなかったりしていました。 修正部が見えてきたのでとても嬉しいです。ご回答ありがとうございました。
関連するQ&A
- ＨＰのページサイズ
ＨＰ作成初心者なので教えていただきたいのですが・・・。 今回、ソフト（ホームページ製作王）を使ってＨＰを作成しています。 ページサイズを指定して作っていくのですが、形になってブラウザでプレビュー するとページのバランスが悪いのです。 最初の設定は、 ６４０×４８０ピクセル なのですが、他に ８００×６００ピクセル、１０２４×７６８ピクセル があります。 バランスよくブラウザで見れるようにするにはどうしたら良いのでしょうか。 とっても初歩的なことですみませんが、ご指導下さい。
- ベストアンサー
- その他（インターネット・Webサービス）
- IE8でHPを表示されるようにしたい！
IE8でHPを表示されるようにしたい！ ご覧頂きありがとうございます。 今までのHPをリニューアルしようとして、 新しくメモ帳でhtmlタグを使いHPを作り、 FFFTP経由でサーバーにアップロードしました。 アップロードは上手くいったのですが、いざ接続してみると 画面は真っ白で、表示されませんでした。 ホスト側では全く問題なく見れます。 いろいろと試してみましたが、上手くいかず、 サーバー管理者にメールで問い合わせしたところ、 InternetExplorer8のブラウザで閲覧すると 真っ白なページが表示される状態となっておりますが、 他のブラウザでは正常に閲覧が可能となっておりました。 申し訳ございませんが ホームページ作成上で発生した不具合には こちらでは対応出来かねますので 予めご了承頂きます様お願い致します。 InternetExplorer8のブラウザでも閲覧が可能となる様 お客様側で修正をお願い致します。 と返信がありました。 IE8で表示されるようにするタグみたいなものがあるのでしょうか？ また、どのような修正をすれば表示されるようになるのでしょうか？ ご回答のほどよろしくお願いいたします。
- 締切済み
- HTML
- ビルダーで作成したHPの手直しをワードでできるのでしょうか
ホームページビルダーで作成し、すでにUPされているHPの内容の「修正」を頼まれましたが、私自身HP作成に関してまったく知識がないので教えてください。 質問１：ホームページビルダーで作成した内容を、他のHP作成ソフト（フリー）や、ワードなどで編集して、再度アップロードすることは可能でしょうか？やはり、ホームページビルダーを購入しなくては無理でしょうか？ 質問２：その際、現在のページのデーターをもらった方がよいのでしょうか？ それとも、ページの内容をコピーして、そこに修正を加えることができるものなのでしょうか？ 質問３：修正した内容をHP反映させるために？？FFFTPという無料ソフトをダウンロードしましたが、これは必要でしょうか？ （こちらの使い方もあまりわかってはいませんが、今の所はこれが必要かいらないかの質問です） 知人にお店のHPを作成してもらったみたいなのですが、ちょっとモメてしまったらしく、HPの内容の更新ができず困っているようです。 私はPC歴は長く、ブログなどはやっているのですがHP作成はやった事がなく、できる事なら 簡単な編集位はやってあげたいと思い こちらに質問しました。 サーバーはニフティを使っているみたいです。 相手の方からは、FTPアカントと、FTPサーバー名を聞いてきたようです。 無知すぎて申し訳ないのですが、もしおわかりになる方がいらっしゃればよろしくお願いいたします。
- ベストアンサー
- レンタルサーバ・ASP
- 読み上げブラウザに特定の読み方をさせる方法を教えてください
いつもお世話になっております。 現在、全盲の方でも利用できるようにホームページを作成しているのですが、読み上げブラウザが間違った読み方をする箇所を修正したいと思っています。 ただホームページ内に繰り返し出てくる単語（団体名）ですので、もし一括指定ができればと思い、ご相談に伺いました。 css等でご存知の方がいらっしゃいましたら、教えてください。 また「+100」と記述した場合の「+」が読み上げられないのですが、こちらを読み上げられるようにする方法があれば、併せて教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- 株式会社のＨＰを個人で作りたいのですが・・・
個人で株式会社のホームページを作成しようと思うのですが 独自ドメインが取れ、操作が簡易で、ある程度信頼できる大手サイトをご存知でしょうか？ それと私は作るのみで、相手方（依頼会社）でも更新出来るように webサーバー上にアップロード？（詳しくは分かりませんが） 出来る所で作成したいです。 以上の条件を満たせるサイトをご存知でしたら教えて下さい。 それと株式会社のＨＰを作るのに留意する事がありましたら 加えて教えて頂きたいです。
- ベストアンサー
- ホームページ作成ソフト
- （HP作成）テンプレートを変更すると起きること
HPをDreamweaverで作成しています。 詳しい方、わからないところがあって困っています。教えてください。 まず、HPの元のデザインとなるテンプレートを作りました。 そのテンプレートには、左側のテーブルにメニュー（Flashで作成したもの）を配置し、 右側のテーブルを編集可能領域としました。 このテンプレートを使ってHPのページすべてを作っています。 先ほど、修正の必要に気づき、テンプレートに一旦戻ってメニューの位置を テーブルの中央→上付きになるように修正しました。 そしてこれを保存するときに「このテンプレートを使用しているページ全てに反映させるか」 みたいな質問が出て、「させる」を選んだのですが、その後に各々のページに戻って ブラウザでプレビューしてみると、このメニューがページから消えてしまうのです。 DWの編集上には、修正したものが反映されているのに、 プレビューするとこのflash作成メニューのみが消えてしまう（出てこない）のです。 これはなぜなのでしょうか？ ちょっと言葉の説明だけではわかりにくいかもしれませんが、 考えられる理由があれば教えてください。 わからなければ全部作り直しになってしまいます。 必要なことがあれば補足もしますので、よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- OCNのPageOnというHP作成サービス
ＯＣＮのPageOnというHP作成サービスに加入しました。 ホームページのコンテンツ自体は既にソフト（ホームページビルダー）で作成済みです。 あとはＯＣＮのPageOnに上述の作成済みホームページを転送するだけなのですが、ＯＣＮのホームページのトップページ（http://www.ocn.ne.jp/）のどこから手続き画面に入れるのでしょうか。 トップページ上段の「ホームページ」をクリックしても『「ＯＣＮのPageOn」に加入すればこんなホームページが作れます』という宣伝ページ（http://www.ocn.ne.jp/homepage/?U）しか参照できないのです。 もう３時間もさまよっています。お願します。
- ベストアンサー
- その他（インターネット・Webサービス）
- HP作成に関する諸問題
当方、１年ほど前から、趣味でHPを作成、運営しています。 当初のサイトコンセプトとして、初歩的なウェブデザインの学習目的としても考えていたので、dreamweaverなどは使用せず、手組みとかタグ打ちと呼ぶらしい、メモ帳にHTMLとCSSだけで記述して、サーバーにアップロードする方式で、HPを作成してきたのですが、少し前、友人からの指摘で、自身が使っていないブラウザ、firefox／operaなどでは、自宅のIEでテストして、綺麗に見えていたデザインが、大きく崩れてしまうことが判明し、解決策に頭を悩ませています。 現状、当方でも、三つほど具体案を考えているので、どの方策が最適か、どなたかアドバイスいただければ幸いです。 １．現状のタグ打ちで、問題の発生しているページに、修正を加える。 ２．dreamweaverのような、汎用度の高いソフトを購入して、コンテンツをデザインし直す。 ３．適当なテンプレートを見つけて、現状のコンテンツを、テンプレートに合わせて、作成し直す。 何分この分野に関して、あまり詳しくないので、それぞれの方策のメリット、デメリットなど、どなたかご教授いただければ幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- ＨＰ評価について
ある会社のホームページを作成しました。 自分の上司に作成したＨＰの確認（評価）をお願いするのですが、普通ＨＰを評価する項目等はどのようなものが列記されるでしょうか？ 例えば、ユーザーの要求コンテンツが作成されているか。 教えてください。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver8でＨＰ制作しましたが上手く印刷できません。
Dreamweaver8でホームページを制作しています。 幅は750ピクセルで、ブロック分けをし、ヘッダー高さ300ピクセル、コンテンツ高さ1000ピクセル、フッター高さ200ピクセル程度です。 このページをＡ４印刷したところ、（両サイドはきちんと表示されます） ＩＥでは、１枚目にヘッダー部分のみが印刷され、半分くらい空白、２枚目にコンテンツ部分が印刷されました。 firefoxでは、１枚目にヘッダー、コンテンツと印刷されましたが、それを超える部分については印刷されませんでした。（プレビューで見ても、コンテンツが、用紙をオーバーしたようになっています） ブラウザでは、どちらもちゃんと表示されます。 ただ、ソースは、スタイルシートのリンク部分がすべてのブラウザでエラーになっています。（なぜエラーなのか分かりません） 他のＨＰを拝見すると、ちゃんと表示のように、印刷プレビューが表示されるものもありましたが、firefox等に未対応ページでは、同様のプレビュー画面になるところもありました。 会社のＨＰを作っており、大変困っています。 よろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
お礼
ご回答ありがとうございます。 丁寧に沢山、具体的にご指導頂きまして本当に頭の下がる思いです。 9arabi様が具体的に記載して下さった、1～8番をまず洗い直してみて、参考URL先の『ハンディがあっても利用できるページづくり』という部分も、特に参考にさせて頂こうと思います。 改めて、皆様が記載してご指導下さる事や参考URL先などを見ますと、titleタグやaltタグの重要性を再認識致しました。 9arabi様、大切なお時間を割いてこのように沢山ご指導頂きましてありがとうございました。全盲の方にも来て頂けるサイトが私にも作れそうです。頑張ります！