ユーザビリティ、アクセシビリティについて

このQ&Aのポイント
  • W3Cの規格にのっとったサイト構築の必要性とは?
  • サイトのレイアウトの崩れや情報入手の重要性
  • スタイルシートとXHTMLの普及の理由とメリット
回答を見る
  • ベストアンサー

ユーザビリティ、アクセシビリティについて

お世話になっております。 最近ふと思った事があります。なぜ、W3Cの規格にのっとって、サイトを構築しなければならないのでしょうか。ソースは知識がある人しか見ないと思うんです。あと、ちょっとくらい環境によってレイアウトが崩れても、情報さえ入手できればいいのではないのでしょうか。 やはり、障害者のためユニバーサルデザイン的な考えを持たなければいけないのでしょうか。 また、W3Cでは頻繁にスタイルシートによるレイアウト等を推奨していますが、その最大の理由はなんなのでしょうか。例えばですが、<center>、<font>は将来的になくなるとありますが。。。どうしてなくなるのかを知りたいです。だったらテーブルレイアウトもしない方がいいのか迷っています。 その答えの一つにXHTMLへの移行を考え、スタイルシートを推奨しているというのが挙がると思うんですが、どうしてXHTMLが将来的に普及するのですか?XHTMLを利用する最大のメリットが分かりません。 WEB制作しているプロの方でもそういう事は考えず、デザイン的によければ○という人も多数いるというのが現状です。 オールフラッシュのページはALTの設定もできないため、目の見えない障害者の方の為に、作らない方がよいのでしょうか? 質問ばかりですみません!哲学に近く、回答難しいと思いますが、お願いします!

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

・アクセシビリティとW3Cの規格について W3Cの規格は知っておく必要があると思います。もし、自分が公共的なサイトを作る立場であればなおさらです。 この理由は、皆があるルールに則って正しいHTMLを書くということは、それがそのままアクセシビリティ向上につながるからです。音声読み出しブラウザを使いテーブルでレイアウトされたサイトを開くと非常にわかりにくくなります。これは障害者にとって非常に問題でしょう。 違うメリットもあります。本来、HTMLで論文などをレイアウトするために作られた言語です。レイアウト、つまり文書構造を正しく明示することは、将来的にデーターベースとして活用できることになります。それが、XHTMLやXMLにつながります。 しかし、規格に従わなければならない。というより、従う必要がない。あるいは従うメリットがあまりないというのが現状でしょうか。 これには、ブラウザの進歩が大きいと思います。間違った文法でHTMLを書いても、大半が思い通りにデザイン、レイアウトできます。なにもW3Cの規格どおりに記述する必要もないわけです。また、ワープロ感覚でHTMLを記述できてしまうソフトの登場も大きいでしょう。 そのため、W3Cの規格は実質あってないようなものとして認識されるようになったのではないかと思います。 >ちょっとくらい環境によってレイアウトが崩れても、情報さえ入手できればいいのではないのでしょうか。 確かにその通りですが、同じレイアウトが崩れるにしても正しくHTMLを書いているサイトとそうではないサイトではアクセシビリティという面で大きな差がでると思います。 ・カスケードスタイルシート(CSS)を推奨する理由 TableやBlockquoteなどのタグは本来の意味で使われることが少なくなりました。そのことで、HTML本来の文章構造を示す使い方がされなくなったことを、HTMLより細かくレイアウト設定ができるCSSを標準化することによって、本来の使い方に戻そうとしています。 centerやfontは物理スタイルと呼ばれ、文書構造を示しているのではなくこの文章をこう表示させなさい。と命令しているだけです。逆にh1やulは論理スタイルと呼ばれています。ブラウザはこれを、見出し、リストと理解し表示しています。centerやfontなどの物理スタイルはCSSにすべて任せよう。というわけです。つまり、物理スタイルがなくなると言う事はソースは簡潔になり文章構造が明確になります。 以下、私の考え方です。もちろん、いろんなものに影響されてますけどね。

tsuyudaku
質問者

お礼

詳しくありがとうございます! HTMLとブラウザはちょうど今、変革の時期だと思います。これから先も悩む事はあるかと思いますが、なるべく規格にのっとったコーディングを目指したいと思います。 steelgreenさんのおっしゃる通り、障害者の為にも正しく書く事が大事だと改めて認識しました。 ありがとうございました!

関連するQ&A

  • htmlについて

    質問があります。 まずウェブサイトを作成する言語として、htmlよりxhtmlの方が推奨されているように思えるのですが、どの言語を使うかの違いで、htmlでも問題はないですよね?また、xhtmlの方がかっこいいという風潮があったりしますか? それと、htmlのDTDで、html 4.01の後にW3CのURLを記述するものとしないものがありますが、これはどう違うのでしょうか? 私が以前URLを記述するタイプのもので宣言した時、cssでレイアウトが思うようにいかず、スタイルシートはそのままでURL部分を削除しただけで、レイアウトうまくいくようになった経験があります。 どのような影響があるのか教えてほしいです。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • W3Cの基準を満足できるコーディング

    HTMLとCSSは、「速習WebデザインHTML&スタイルシート」で学びました。W3CはXHTMLを推奨しているみたいなので、XHTMLとユーザビリティ、アクセスビリティを学びたいと思っているのですが、どの本を買えばよいかわかりません。 「XHTMLマークアップ&スタイルシート」リフォームデザインガイドブック―「Web標準」を学びたいWebデザイナーのための指南書。 という本をネットで見つけましたが、書籍紹介で「ユーザビリティ、アクセシビリティ、SEOなどの要求で複雑化してしまったWebデザインを基本から再学習しましょう。」と書いてありましたが、目次を見てみるとCSSのことばかりなような気がしました。 この本でW3Cの基準を満足できるコーディングは学べますか?それか、W3Cの基礎ぐらいは学べるでしょうか? 他に解りやすい本を知っていたら教えてください。 「速習Webデザイン」のような作成手順をステップ形式で学べる本を希望しています。よろしくお願いします。

    • ベストアンサー
    • CSS
  • 「XHTML」について

    まだあまり普及していない「XHTML」ですが、 勉強のために、作ってみたく思っています。 HTMLよりもレイアウトに厳しいので、XHTMLでHPをデザインする場合 かなり制限が出て作成しにくくないでしょうか? HTMLでよく使用する、「TABLEタグ」の中にまた「TABLEタグ」を入れるようなことは出来なくなりますよね? あと、FLASHオブジェクトは組み込めないのでしょうか? W3CのXHTMLチェッカーで引っかかりますし。。 だらだらと書き込みましたが、ご回答よろしくおねがいします。

    • ベストアンサー
    • HTML
  • DreamWeaverでのスタイルシート適用後のプレビューについて

    最近やっとDreamWeaverを購入してテーブルからCSSデザインに 乗り換えようと奮闘中のものです。 外部スタイルシートに div#container { background: #ffffff; padding: 20px; margin: 10px 30px; border: 2px solid #999999; } と書き、 HTMLのほうに、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <link href="/test.css" rel="stylesheet" type="text/css" /> <title>test</title> </head> <body> <div id="container"> test web site </div> </body> </html> と書きプレビューしてみたのですがスタイルシートが 適用されません。 デザインビューでは適用されているのですが、、、 何が原因なのでしょうか?

  • 掲載画像の様なページを作成する手順

    掲載画像のようなレイアウトのホームページを作りたいのですが 何から手をつけていいのかわかりません。 テーブルもしくはliで後はスタイルシートで作っていくという 漠然とした方法しか思いつきません。 スタイルシートはこの様なテーブルレイアウトのページは 何を設定すればいいのでしょうか 全部作ってくださいとは言いません。 作り方の大まかな概要と手順とスタイルシートに何を設定して レイアウトを実現していくかという筋道を教えてください 独学で学んでいるのですがテーブルをいくつも入れ子(組み合わせて) にすればこのようなレイアウトはできるのですが。 プロの方が作るともっとスマートなプログラミング(スタイルシートに デザイン情報を記述しHTMLはシンプルになると以前このサイトで回答を 頂いたのですが実際のスタイルシートのプログラミング方法がわかりません) 皆さんのお知恵を借りて解決できればと思います。

    • 締切済み
    • CSS
  • DOCTYPE宣言をするとstyleが適用できない

    webサイト作りの初心者です。 初め、ドキュメントタイプ(DOCTYPE)の宣言を書かずに<html>タグからコードを書いていたのですが、 全体がある程度形になってから、1番上に <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> を追加し、<html>を <html xmlns="http://www.w3.org/1999/xhtml"> に変えると、デザインが変わってしまいました。 具体的には、 <div style="height:960;">~</div> と書いて作っていたブロックの高さが、 DOCTYPE宣言を書く前はちゃんと960になっていたのですが、 書いた後は、中に入っているコンテンツ(テキスト)の高さまで縮み、style部分の数字をいくらいじっても変わってくれません。 他にも、style属性のmargin-leftなどが適用されなくなっていました。 なぜ、DOCTYPEの宣言をするとstyleが適用されなくなったのでしょうか? また、どうすれば適用されるようになるのでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSチェックをしたいのですが

    こんにちは。HTMLとスタイルシートで、ホームページを作っています。自分のパソコン(Windous ME)ではきれいにレイアウトできたのですが、知人のパソコンでは画像などいろいろずれてしまっているようです。(USBでデータを渡し、見てもらいました。) HTMLはサイトでチェックし、問題ないので、スタイルシートがおかしいのかもと思い、W3Cでチェックしようとしたら、直接入力すると何の反応も無く、アップロードすると、スタイルシートが見つかりません、とでます。何がいけないのでしょうか?どうすれば検証できますか?どうぞ教えて下さい。お願いします。

    • ベストアンサー
    • HTML
  • ユーザビリティとアクセシビリティの違いは何?

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

  • ホームページを中央表示にしたい

    こんにちは。前の質問にもあったのですが、 Yahooのようにホームページを中央表示させたいのですが、 W3Cの基準に沿ったホームページ作りを目指しているので、 tableでレイアウトはできません。 また、XHTMLは勉強していないので分からないのですが、 HTML(CSS)で、中央表示させることはできないでしょうか? もし無理なら、XHTMLとHTMLを一緒に使う事はできるのか 教えていただけませんか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • htmlとxhtmlの違い

    WEBデザインを勉強中の者です。 コンテンツをhtml4.01で書くかxhtml1.0で書くか迷ってます。 xhtmlだとIE6でバグがたくさんあるようなので、 htmlの方が良さそうですが、 推奨されているのはxhtmlだという記事も見ました。 xhtmlで書く場合、文字コードはUTF-8にして、 最初のxml宣言は書かない方が良いのですか? 当方Macなので、IEでの表示の確認ができないのですが、 IE6ユーザーはまだ多いのでしょうか? 少ない様だったらIE6は無視してしまってもいいかと思ってます。 ちなみに、レイアウトの確認はFireFox 3.5.2とSafari 2.0.4を使っています。 また、まだ文法に自信がないので、 DOCTYPEの宣言を、TransitionalとStrictだったら、 Transitionalを指定しておいた方がよいでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう