MOVABLE PRESS

Acid2とは、ブラウザがW3CのHTML4、CSS1、PNGなどの標準に対しどれほど準拠しているかをチェックすることができるテストです（※CSSについては現行CSS2.1に後継されています）。

下のリンク先ページで即ブラウザのテスト結果が分かります。ブラウザがテストの提示するソースコードの標準に準拠していれば、下のスクリーンショットのようなスマイリー君がレンダリングされます。ソースコードに対して間違った解釈をするとスマイリー君の顔は崩れ、ひどい場合には、赤色に表示される背景の中に顔のパーツが浮いていたりスクロールバーが現れたりと不気味な世界を演出してくれます。

Acid2でブラウザをテスト！

このスマイリー君がどのようなソースから構築されているのかはAcid2: The Guided Tourにて確認できます。Acidと名付けられている通り、重箱の隅をつついたような辛辣な項目が随所に見受けられます。

Acid3とは、Acid2でテストしたHTMLやCSSに加えてDOMやECMAScript ― JavaScriptなどに関わる標準 ― およびSVGのうちアニメーション機能などをテスト項目としているブラウザのベンチマーク的なテストです。XMLおよびスクリプトによる動的な振る舞いをも念頭に入れたところが主なポイントです(草稿段階のHTML5やCSS3などの一部も取り上げられています)。

Acid2同様、下のリンク先ページで即ブラウザのテスト結果が分かります。ブラウザがテストの提示するソースコードの標準に準拠していれば、下のスクリーンショットのようにレンダリングされます。100点を満点とした点数が表示されることとカラーリングされるはずの各ボックスに結果の程度が現れます。

Acid3でブラウザをテスト！（別窓表示してください）

以上に上げたテストのブラウザごとの結果はSOURCEFORGE.JPさんで紹介されています。その結果から必然的に導き出される問題も端的にまとめられているので、ここにそのまま引用させていただきました。まだ特集として連載されるのでウェブサイトのデザインに係わっている方には有用な情報になるかと思われます。

第1回　最新Webブラウザ、Web標準への対応度は？ /
最新Webブラウザに向けたWebサイト開発テクニック /

さて、これらの結果から、他のWebブラウザと比べIEは標準規格への対応が遅れている、ということが分かると思うが、このことはどのような問題となるだろうか。まず考えられるのが、「標準規格で用意されているリッチな機能がIEで非対応のため、利用できない」ということが挙げられる。たとえばCSS 2.1では、指定したテキストの前後に画像などの要素を表示する機能が備えられているが、これはIE 6では対応していない。そのため、Webサイトを構築する際に、IEを考慮してIE向けの特別な対処が必要となることも多い。IEは大きなシェアを持つため、無視できないのが現状だ。さらに、未だに標準への準拠度の低いIE 6を利用しているユーザーが多いのも頭を抱える1つの要因となる。

(c)SOURCEFORGE.JP

問題はやはりIEです。後発のGoogle Chromeがほぼ難なく発進していることと比較すれば、もはや対応が遅れているというより対応に無関心であると言わざるを得ないでしょう。いまだにIE6ユーザーが多い（バージョンアップをしっかり促していない)ということがそのことを如実に証明しています。

今『IE用に別のスタイルシートを用意する』といった意見がまことしやかに語られています。しかしながら、ただ他のブラウザと分離すればいいというわけではなく、IEの場合、各バージョン毎に違った指示を与えなければいけないといった問題があります（IE5に関していえばさらにMac用とWin用とで振る舞いが違うケースがある）。

IE8がCSS2.1で全く問題がなければこうした無駄も少なくて済むはずなのですが、まだまだ疑わしいところがありそうです。個人で楽しむだけのレベルならば放置しても問題がないでしょうが、クライアントを抱えたウェブサイトの制作者となると、ブラウザ側の問題を制作者側の問題に転嫁される蓋然性も高いことと思われます。

否、もはやこれらは問題ではなく既成事実として捉えている（こんなの慣れっこ）といったところなのかな？