弱小公的機関でHP制作をしております。主にアクセシビリティへの配慮の視点から、基礎的なことも含めてご教授願えればたすかります。
今回、顧客に対して行ったアンケート結果を公開するよていですが、このような結果を公開しているサイトをいくつかみると、HTML形式とPDF形式の2者に分かれるように思います。
私の認識では、PDFは視覚障害者が平易に読むこができないと思うのですが、調査結果のような文書や学術的な文書の場合、やはりPDF化したものを掲載するべきなのでしょうか? それともどちらも選択できるように配慮するべきでしょうか?
このとき、当方はPDF作成のソフトを有していないのですが、フリーソフト(オープンオフィス)などでPDF化してから、それを掲載することも可能なのでしょうか? できれば簡易でけっこうなので方法を教えて下さい。(制作ソフトはビルダーです。)
また、フレームをできるだけ使わないとかのアクセシビリティへの基本的な配慮なども合わせてご教授願えれば幸いです。
何とぞよろしくお願い申し上げます。
No.2ベストアンサー
- 回答日時:
アクセシビリティに配慮する場合ですが、
(1)文法的に正しいHTMLで作成することが条件だと思います。
文法のチェックは
http://openlab.ring.gr.jp/k16/htmllint/htmllinte …
ですることができます。
そのほかに文法のチェックは
http://www.htmlhelp.com/tools/validator/upload.h …
スタイルシートのチェックは
http://jigsaw.w3.org/css-validator/validator-upl …
でできます。
(2)
次にアクセシビリティを判定してくれるフリーソフトがありますので、それを使ってみましょう。
Webヘルパーと言うソフトを配布
http://www2.nict.go.jp/ts/barrierfree/accessibil …
色盲の人が見やすい色のチェック
http://www.i-create.jp/accessibility/color-check …
富士通でもWebインスペクターというソフトやカラーセレクターというソフトを配布しています。
http://design.fujitsu.com/jp/universal/assistanc …
http://design.fujitsu.com/jp/universal/assistanc …
(3)なお、サイトの作成をされる場合には、
http://www2.nict.go.jp/ts/barrierfree/accessibil …
(みんなが使えるホームページの作り方)を参考にされるとよいでしょう。
(4)そのほか、株式会社アメディアさんでは
視覚障害者が実際にWebページを判定してくれるサービスを行っています。(私がお願いしたときは無料でしたが今は有料かもしれません。)
なお、PDFはセキュリティの設定を高くしているとダウンロードできないことがありますので私のサイトでは使っていません。
とても勉強になります。
ぜんぶ理解しきちんと対応するにはかなり時間がかかりそうなので、すこしずつがんばります。
ほんとうにありがとうございました。
こころより感謝申し上げます。
No.4
- 回答日時:
(1)例えば、
<script type="text/javascript">
から</script>
という記述がある場合、
<noscript>
このページをご利用になるには、JavaScriptを有効にしておく必要があります。<br>
セキュリティの設定で、アクティブスクリプトを有効にして下さい。<br>
<a href="nshindan3.html">JavaScriptが使えない環境での簡易版</a>
</noscript>
という記述をするとよいと思います。
(この場合にはJavaScriptが使えない環境の場合のかわりのファイルも準備していますが、かわりのファイルがない場合にはアクティブスクリプトを有効に・・・の記述まででよいと思います。)
ただし、このあたりについては私もあまり詳しくないので正確な解答はできません。
(2)<html>にlang属性またはxml:lang属性がありません。
現在のタグが<HTML>、文末が</HTML>
の場合には
<html lang="ja">から</html>
に変更すればよいと思います。
HTMLについては
http://www.tohoho-web.com/www.htm
をご覧になるとよくわかるかもしれません。
この中で、スクリプト関係については
http://www.tohoho-web.com/js/write.htm
にその記述があります。
かゆいところに手が届くような明快なご回答でとても助かりました。
ご紹介のサイトもまさに私が知りたかったサイトでじっくり研究させて頂きます。
ほんとうに数々のご教授、こころより感謝申し上げます。
取り急ぎ 御礼まで
No.3
- 回答日時:
すみません、No2ですが
アメディアさんのサイトのURLの記載を忘れました。
http://www.amedia.co.jp/
です。
ちなみに、auのW31Kの場合、音声でインターネットのWebページを読み上げる機能がついていますので
1ページの容量を10KB以下に押さえ、
レイアウトのためのテーブルの使用を避けたり、
フレームを使わない、
テキストだけでも内容がわかるようになっているように作れば、
ボイスサーフィンなどでどのように読み上げられるのか
参考になるかもしれません。
この回答への補足
sr-agent様、ご多忙のところまことに恐縮です。
ご紹介して頂いたソフトなどで、調べたところ、今すぐ直した方がよいところが幾つか有りました。
でも、いま現在の私の能力では、対応方法が解らない項目が多々ありました。二つばかり下記に提示させて頂きます。
(1)
<script>に対応する<noscript>がありません。<script>を利用できない場合のために<noscript>を記述してください。
(2)
<html>にlang属性またはxml:lang属性がありません。
<HTML>
ビルダーを使って制作しているので、タグに関しての基礎的知識がゼロに近いくらい希薄なのが原因だとは思うのですが、上記項目への対応を含めて、今後どのような学習をすればよいのか、(参考になるサイトなど)ご教授頂ければ幸いです。
本当にわがままなお願いで恐縮です。
どうかよろしくお願い申し上げます。
(遅れてしまいましたが、今後ますます重要になる携帯などへの具体的な対応方法のご教授もたいへん感謝しております。)
No.1
- 回答日時:
そうですね、PDFよりもHTMLの方が視覚障害者が利用される読み上げソフトなどの対応度が高いような気がします。
出来るだけPDFにしない方が良いのではないかと私は思います。公的な文書でPDF利用率が高いのは、ひとえに紙の文書との見た目での差異が出来るだけ出ないように、という事なのだと思うのですが……時としてスキャンしただけの(テキスト化されていない)PDFが掲示されていたりして憤慨する事もあります。
PDFに関しては、フリーソフトでPDF化することは十分可能です。
以下など
http://www.vector.co.jp/soft/win95/writing/se339 …
が利用できるのではないでしょうか。
基本的に、プリントアウトできるものであれば何でもPDF化できると考えてよいとは思います。
また、安価なPDF作成ソフトも存在します。
Acrobat Elements
http://www.amazon.co.jp/exec/obidos/ASIN/B00097C …
などです。基本的には「PDFを作成する機能しかない」ものですが、Acrobat ElementsはAdobe社の製品ですので、標準への準拠度が高いという安心感はあるでしょう。
紹介記事は以下など
http://review.ascii24.com/db/review/soft/wordpro …
アクセシビリティに関しての配慮に関しては他の方へ譲る事にします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PDF ワードで作った文書のPDF化 5 2023/04/10 16:56
- 電子書籍 PDFの電子書籍化 3 2022/12/31 16:27
- デスクトップパソコン PDFファイルをネットで公開する方法 5 2022/12/07 13:09
- その他(データベース) ECサイトでの著作権について教えてください。 1 2022/08/02 18:01
- Web・クリエイティブ グラフィックデザインの著作権について 3 2023/08/04 23:17
- Excel(エクセル) 年末調整書類をExcel→スプレッドシートへ変換したい場合 2 2022/11/15 17:13
- その他(ニュース・社会制度・災害) 日本学術会議「性差研究に基づく科学技術・イノベーションの推進」で 1 2022/11/20 18:24
- USBメモリー・SDカード・フラッシュメモリー PDF文書をCD-Rで配るときの注意事項 4 2022/03/31 16:49
- PDF パソコンからUSBメモリにPDFを移したらファイルを開けない 2 2022/08/22 11:42
- PDF こんなPDF作れますか? 6 2022/05/13 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLコーディング作業とは?
-
マークアップエンジニアとhtml...
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
CSSデータの作成方法について(...
-
googleドライブで、PDFファイル...
-
【HTML】1クリックで複数ファイ...
-
HTMLで別PCのフォルダを開く
-
Webサイトから、txtファイルを...
-
HTMLページが勝手にダウンロー...
-
社内で利用するWebサイトを立ち...
-
リンク先からリンク元の、同じ...
-
iPadの標準ブラウザでローカルH...
-
複数のindex.htmlを作ってもい...
-
HTMLでwebサイトを作ってるので...
-
htmlの中にexcelが埋め込むには...
-
Dreamweaverでページ全体が文字...
-
一つのリンクに複数のURLを指定
-
window.confirmのタイトル
-
iframeの中のページのリンクを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
イラレなどのデザインをHTML化(...
-
HTML作成について。テキストエ...
-
初心者向けのHP作成ツール
-
Microsoft Expression Web4
-
パソコンHPと携帯HPのフォルダ共存
-
H”LINKは何という言語が使用さ...
-
英語圏のページを作成する場合...
-
HTML・ASP開発ってどんなソフト...
-
ホームページ作成ソフトのおすすめ
-
linux上でホームページを作成す...
-
クリッカブルマップ作成について
-
バナーの作り方
-
iモード用のHP作成方法サイト教...
-
J-SKY対応のWEBページ・コンテ...
-
「動画モデルルーム」みたいな...
-
HTMLエディタ
-
iモードのHPについて
-
HP作り方のコツなどを教えてく...
-
初心者でも出来るHTMLにつ...
-
余分なタグ
おすすめ情報