The Trap of Web Design

トホホな状態になる訳ではなく困らないのだけど、@media print の指定をいれてて、マックの Safari は継承について厳しくて、なるべく簡略な記述で済ませようと基準スタイルシート（指定してないけどつまり @media all ）に上書きするのに * を使っても上書きにならないことが分かりました。やりたかったのは、例えば背景画像指定を * { background-image: none; } で消すってこと。基準指定と同様に #block { background-image: none; } とかするといいだけなんでまぁいいか。Firefox だとうまくいくんで。IE はまだ調べてません。後で調べます。

---

スタイルシートのメディア指定は以前はネットスケープ（4-）への適用除外なんかで使ってたわけですが、今はもうちょっと攻めて使うべきだし、その対応状況について調べとくといいと思います。制作者がきちんと使わないとブラウザ開発側も対応を先延ばしにするからどんどん使う、というのは持論でもあります。ブラウザ開発側以外に仕様取りまとめ側でさえ、あんまり需要が無くて代替え可能なものは仕様書から消えたりもするみたいだし。そりゃ反映されない指定を使うなんて意味ないんで、制作者としてはブラウザ開発陣になんとかしてもらいたい。

いわゆるハックとかではなく、仕様通りに記述して、その対処具合がユーザーエージェントによって異なることは多数あって、今回のメディア指定なんかもまずユーザーエージェント側が自らどれにあてはまるかすら送出してくれないことには始まらないわけです。現状では screen と print 程度。もうすでにテレビ用ブラウザも携帯用ブラウザも音声ブラウザも存在するけど、だいたいそれらは対応してくれてない模様（ちゃんと細かくは調べてないですが）で、そもそもメディアどころかスタイルシートに対応してなかったりするのが残念なのです。だってこれしっかり使えるとサーバーサイドや JavaScript 等で判別しなくてもスタイル変更できるってことですから、それだけでも便利な筈なんですよ。

携帯ブラウザは @handheld; じゃないの？

携帯ブラウザは中でも早急に対応して欲しい。エンドユーザーの要望と制作側で可能なことにすごい差がある。ある意味最近どんどんでてくるフルブラウザの登場は制作側をもっと混乱させてる。以前は必ず Shift_JIS でなければイカン、だったのが、UTF-8 に対応してフルブラウザでなくてもキチンと作ってるサイトは携帯ブラウザで見えてしまうので、自分は普通に作っておいて携帯での状況を調べるハメになってるのです。まぁ Shift_JIS でもあったんですが、携帯用に作ってなくても手元にある携帯でためしに見てみると、あ、ちゃんと見えるんだ、っていわれて、それが Nucleus とかだとコメントフォームとかあるでしょ？で、コメントしちゃう。基本的には可能なんだけど完全ではなかったりするのです。←やってみると分かります。

そーなると殆ど大丈夫だからたいした苦労ナシになんとかなるだろうと普通の方に思われる。ところが作る側はそうはいかない。au はよくても DoCoMo と Vodafone は？とかもある。そしてフォームに絵文字使われる。うわ。

とまぁ、いまんとこまだ真剣にやってないのでなんですが、ここ最近携帯アクセスは増加の一方で、とりあえず見れるまではいいのですが、その次の段階でどう処理するかで頭を混乱させてます。そういう意味でも携帯ブラウザにはスタイルシートにキッチリ対応していただいて、ややこしい仕組みを使わずとも判別して最適化を可能にしていただきたい今日この頃。

音声ブラウザは @aural; じゃないの？（仕様すら変わりそう @speech; ）

音声ブラウザで「聞き取れて理解できる」ようにすることは自分が仕事として専門的に追求している部分なんですが、こうして自分で本文書く時はともかく、それを人様に教えるのは大変なんですよ。今一番ちゃんと読んで欲しいのは（日）を「日曜日」とならない点。「ひ」っていわれたってさ。せめて <abbr title="日曜日">（日）</abbr> を「にちようび」って読んでくれませんか。たとえそれができてもこれを素人に要求するのは大変なんですが。

Opera はがんばってるようですが、一部の機種だけ頑張られてもこちらは結局対処が大変。

とまぁ、上記、自分の TODO としていろいろ調査をこれからする予定。現状の対応云々に関してそのまま鵜呑みにしないように。

ユーザー側にもちょっとは苦労してもらう

Webページのデザインを崩さずにそのまま印刷するためのツールなんかでてきちゃうのは本来は普段使っているブラウザでやってもらいたい対処です。こういうのあるとスタイルシートの @print 指定はどうなるの？とか思う。キチンと指定したらそれが余計なことになってしまうとかも最近はありえる。