アクセシビリティとCSS

11/26
yuuさんからいろいろとご指摘をいただきました。
私のエントリーには、いろんな面であやふやであったり、簡単に書きすぎてしまった部分がありましたので、ありがたくご指摘していただいた氏のBlogのエントリーにリンクさせていただこうと思います。
実際のエントリーは以下に残しておきます。
また、折を見て以下の文を修正し、新しくエントリーしようと思っております。

yuu氏のblog、securecatのMTのエントリー「Re: アクセシビリティとCSS」

-----
個人的にかなり久しぶりのエントリーとなってしまいましたが、私はWebサイトのアクセシビリティというものを考えると、CSSの役割がこれからさらに重要となり、また注目されると考えています。
それで、初心に帰るという意味をこめて書かせて頂きました。

以下駄文です。

-----

昨今Blogの影響もあり、WebサイトへのCSS利用が以前と比べて一般的になってきました。
CSSはHTMLから色や文字の大きさといった表現レベルの記述を切り離す目的で開発されたというのは周知のところかと思います。

では切り離されたHTMLの本来の目的とはなんでしょうか。

こちらも当たり前だといわれてしまうかもしれませんが、HTMLの本来のコンセプトは文章の構造を定義することです。
これは大見出しです（h1）。これは段落です（p）。これはリストです（li）。といったことをHTMLのタグで示してやる。それがHTMLの目的です。
複雑なテーブル組みで画面のレイアウトを行なったり、色付けをしてみたり、Fontタグで大見出しを作ってしまったりというHTMLの使い方が大手を振ってまかり通りだしまい、現在HTMLの記述方法が本来の目的から大きくずれていることが多いです。

先ほども書きましたが、HTMLが策定された時の本来のコンセプトは、文章の構造を定義することでした。
決して、HTMLのタグをトリッキーに利用して色を付けたり飾り立てたりすることが目的ではなかったのです。

では、HTMLの仕様にのっとって文章の構造を定義する目的は何なのでしょうか。

それは、Webサイトをバリアフリーなもの、もっとアクセシブルなものにすることです。HTMLが考えられた当時からこのことは意識されていました。
タグを正しく利用して「この文章は見出しである」「この単語は強調されている」といったことを見た目ではなく機械的に認識をさせてやることができれば、さまざまなインターフェースでWebサイトを利用することができるようになります。
たとえば音声認識ブラウザ、点字ブラウザ、読み上げシステムなど特殊な機器でも正しく文章の意味を伝えることができるようになり。結果として、障害を持った方でもWebサイトから情報が得られるようになるわけです。

また、テキスト情報しか表示できない携帯端末のような限定された情報量しか得ることができない機器からもWebサイトにアクセスしやすくなるということもあります。画像が表示されなければ、テーブルが崩れないように表示されなければ意味がわからなくなるWebサイトではこういったことは実現できません。

だからといって、PCのWebブラウザーを利用してWebサイトを見る人が大多数を占めるわけですから、HTMLのみで文書構造を定義するだけでは、ブラウザーでWebサイトを見たときの見た目の印象というものに悪影響を与えてしまいます。

そこで、CSSに戻ります。
HTMLでは文章の構造を示すことだけを行い、CSSで綺麗な見た目をかぶせる。
そうすることで問題は解決されます。いや、問題ではなくこれは本来のあり方事なのです。

しかし、プロではない一般の方には、厳密にHTMLとCSSの役割を分けてWebサイトを構築することは難しいのではないでしょうか。
ですので本当に優れ、誰もが利用できるツールの登場を期待します。

ただ、プロフェッショナルな方々はこの問題はクリアしなければいけないでしょう。
自分が行なっている日々の作業が「さまざまな人に見られる、公になる情報をデジタル化している」ことであるという認識を持って日々の制作を行なう必要があると思います。情報という資産を誰にでもわかる形で残している。そういう意識を持って日々制作をしなければなりませんし、またクライアントもその姿勢を評価しなければなりません。

日本でも「ウェブコンテンツJIS」という規格ができたように、Webサイトのアクセシビリティを向上させるというニーズは高まってきています。
これをきっかけにCSSについて考え直してみませんか？