酸3

酸3

Acid3のリファレンスレンダリング
サイトの種類	ウェブ標準テスト
利用可能	英語
所有者	ウェブ標準プロジェクト
作成者	イアン・ヒクソン
メールアドレス	出典: acid3.acidtests.org
コマーシャル	いいえ
登録	いいえ
発売	2008年3月3日; 16年前 ( 2008-03-03 )
現在の状況	オフライン

Acid3テストは、 Web 標準プロジェクトの Web テスト ページであり、 Web ブラウザーがさまざまなWeb 標準の要素、特にドキュメント オブジェクト モデル(DOM) とJavaScriptに準拠しているかどうかをチェックします。

テストが成功すると、Acid3 テストの結果には、一連の色付き四角形の下に徐々に増加する分数カウンターが表示されます。合格したサブテストの数は、画面に表示されるパーセンテージを示します。テストは実際に開始されたサブテストを追跡しないため (100 と想定)、このパーセンテージは実際の適合率を表すものではありません。さらに、ブラウザーは、同じブラウザーで参照ページがレンダリングされるのとまったく同じようにページをレンダリングする必要があります。Acid2 テストのテキストと同様に、 Acid3参照レンダリングのテキストは、フォント レンダリングの特定の違いを許容するためにビットマップではありません。

Acid3は2007年4月から開発が進められ、^[1] 2008年3月3日にリリースされた。 ^[2]主な開発者は、Acid2テストも作成したGoogle社員のIan Hicksonである。Acid2は主にカスケーディングスタイルシート（CSS）に焦点を当てていたが、この3番目のAcidテストは、 ECMAScriptやDOMレベル2など、Web 2.0の特徴である高度にインタラクティブなウェブサイトで使用される技術にも焦点を当てている。いくつかのサブテストは、スケーラブルベクターグラフィックス（SVG）、拡張マークアップ言語（XML）、およびデータURIに関するものでもある。これには、後にCSS2.1で削除されたCSS2勧告のいくつかの要素が含まれているが^{[要出典] 、}ワールドワイドウェブコンソーシアム（W3C）のCSS3ワーキングドラフトで再導入され、まだ候補勧告にはなっていない。

2017年4月までに、更新された仕様はテストから逸脱し、Google Chrome、Safari、Mozilla Firefoxの最新バージョンは、記述どおりのテストに合格しなくなりました。^[3]ヒクソンは、テストの一部の側面が物議を醸していたことを認めており、テストは「特にモバイルブラウザに影響を与える問題に関しては、テスト対象であるWeb標準のコンセンサスを反映していない」と書いています。^[4]

Acid3の主要部分はECMAScript（JavaScript）で書かれており、「バケット」と呼ばれる6つのグループに分かれた100のサブテストで構成されており、その中には4つの特別なサブテスト（0、97、98、99）が含まれています。^[5]

• バケット 1: DOM トラバーサル、DOM 範囲、HTTP
• バケット 2: DOM2 コアと DOM2 イベント
• バケット3: DOM2ビュー、DOM2スタイル、CSS 3セレクター、メディアクエリ^[6]
• バケット 4:スクリプトと DOM2 HTML によって操作されたHTMLテーブルとフォームの動作
• バケット5: Acid3コンペティションからのテスト（SVG、^[7] HTML、SMIL、Unicode、…）
• バケット 6: ECMAScript

準拠基準では、ブラウザのデフォルト設定でテストを実行する必要があります。最終レンダリングは100/100のスコアで、参照レンダリングとピクセルが同一である必要があります。^{[8]パーソナルコンピュータ用に設計されたブラウザでは、アニメーションはスムーズである必要があります（最高級の}Appleラップトップに相当する参照ハードウェアで各サブテストに33ミリ秒以上かかる）が、^[9]低速デバイスでのパフォーマンスが遅いことは非準拠を意味するものではありません。^[10]

テストに合格するには、ブラウザはブラウザツールバーに、Acid3 Webサーバーからのファビコン画像ではなく、汎用ファビコンを表示する必要があります。Acid3サーバーは要求されると404favicon.ico応答コードを返しますが、本文には画像データが含まれます。これは、ファビコンを取得する際にWebブラウザが404エラーコードを正しく処理し、これを失敗として扱い、代わりに汎用アイコンを表示することをテストします。^[11]

テストの実行中、レンダリングされたイメージに四角形が追加されます。バケットに渡されたサブテストの数によって、四角形の色が決まります。

• サブテストに合格しました: 四角形は表示されません。
• 1～5 個のサブテストに合格: 黒い四角形。
• 6～10 個のサブテストに合格: 灰色の四角形。
• 11～15 のサブテストに合格: 銀色の長方形。
• 16 個のサブテストすべてに合格: 色付きの長方形 (左から右へ: 赤、オレンジ、黄色、ライム、青、紫)。

Acid3 では、バケット内で合格したサブテストの正確な数は表示されないことに注意してください。たとえば、バケット 2 で合格したサブテストが 3 つと合格したサブテストが 4 つある場合、どちらも黒い四角形が表示されます。

Acid3 テスト ページが完全にレンダリングされた後、「Acid3」という単語の文字「A」をクリックすると、どのサブテストが失敗したか、およびエラー メッセージの内容を説明するアラートが表示されます (または、Shift キーを押しながらクリックして新しいウィンドウを開きます)。100 個のテストのうち 1 つが合格したが時間がかかりすぎた場合、レポートにはその単一のテストの時間結果が含まれます。アラートは、Acid3 テスト全体の合計時間を報告します。

テストを正しくレンダリングするために、ユーザーエージェントは CSS 3 テキストシャドウと CSS 2.x ダウンロード可能フォント仕様を実装する必要があります。これらは現在W3Cで標準化が検討されています。テストでは、20x20 の赤い四角形を覆うために「AcidAhemTest」と呼ばれるカスタムTrueType フォントを使用するため、これが必要です。ただし、CSS 仕様では TrueType フォントのサポートは必須ではありません。CFF アウトライン付きのOpenTypeフォントまたは埋め込み OpenTypeフォントのみをサポートするブラウザは、CSS 標準をサポートできますが、Acid3 テストではテストに合格できません。ダウンロードされたフォントでレンダリングされたグリフは、CSS で白くされた単なる四角形であり、したがって見えません。^[12]

さらに、このテストでは、Base64でエンコードされた画像、いくつかの高度なセレクター、CSS 3 カラー値 (HSLA)、および無視する必要がある偽のセレクターと値も使用されます。

Google 社員の Ian Hickson は 2007 年 4 月にテストに取り組み始めたが、開発はゆっくりとしか進んでいなかった。2007 年 12 月に作業が再開され、2008 年 1 月 10 日にAnne van Kesterenのブログで言及され、プロジェクトは世間の注目を集めた。^[13]当時、プロジェクトは明らかに実験的な性質を示す URL に存在していた: "http://www.hixie.ch/tests/evil/acid/003/NOT_READY_PLEASE_DO_NOT_USE.html" URL の通知にもかかわらず、テストは Web 開発コミュニティで広く注目を集めた。その時点では 84 のサブテストしか行われておらず、1 月 14 日に Ian Hickson は不足している 16 のサブテストを埋めるためのコンペティションを開催すると発表した。^[14]

このコンテストを通じて、次の開発者が最終テストに貢献しました。

• シルヴァン・パシェ：サブテスト 66 および 67：DOM。
• David Chan: サブテスト 68: UTF-16/UCS-2。
• Simon Pieters (オペラ) および Anne van Kesteren (オペラ): サブテスト 71: HTML 解析。
• Jonas Sicking (Mozilla) と Garrett Smith: サブテスト 72: スタイル ブロックのテキスト ノードの動的な変更。
• Jonas Sicking (Mozilla): サブテスト 73: ネストされたイベント。
• Erik Dahlström (Opera): サブテスト 74 ～ 78: SVG および SMIL。
• Cameron McCormack ( Batik SVG ライブラリ): サブテスト 79: SVG フォント。

公式リリース前から、Acid3 がブラウザ開発に与えた影響は劇的でした。特に、WebKitのスコアは 1 か月足らずで 60 から 87 に上昇しました。^[15]

このテストは2008年3月3日に公式にリリースされた。^[2]ガイドと解説は数ヶ月以内に公開される予定だったが^[15]、2011年3月の時点では解説のみがリリースされていた。テストが完了したという発表は、実際に使用できるほど「安定している」とみなされることを意味するに過ぎない。テストにはいくつかの問題とバグが見つかり、修正のために修正された。^{[16] [17]} 2008年3月26日、OperaとWebKitの両チームが100/100のスコアを発表した日、WebKitの開発者はHicksonに、おそらくSVG 1.1標準の違反を許してしまうAcid3の重大なバグについて連絡した。HicksonはW3CのSVGワーキンググループのメンバーであるCameron McCormackの助けを借りてバグを修正した。^{[18] [19]}

2008年、Presto ^{[20] [21]}とWebKit ^{[19] [22]} レイアウトエンジン（それぞれOperaとSafariで使用）の開発バージョンは、テストで100/100のスコアを獲得し、テストページを正しくレンダリングしました。当時、PrestoまたはWebKitレイアウトエンジンを使用しているブラウザは、パフォーマンスの面でテストに合格しませんでした。^{[23] [24]}

Google ChromeとOpera Mobile ^[25]は100/100のスコアを示した。^[26] ダウンロード可能なフォントに関するセキュリティ上の懸念により、Chromeは合格しなかった。^[27]

Chrome バージョン 68 以降のスコアは 97/100 です。

Acid3 がリリースされた当時、Mozilla Firefox の開発者は、間近に迫ったFirefox 3のリリースに向けて準備を進めており、Acid3 の成功よりも安定性に重点を置いていた。その結果、Firefox 3 のスコアは 71 となった。 ^[28] Firefox 3.5は 93/100、Firefox 3.6 は94/100 となった。当初、Firefox 4 はSVG フォントをサポートしていなかったため、97/100 であった。その後、Firefox 4 は Acid3 から SVG フォントのテストが削除されたため、100/100 となった。

Mozilla の従業員 Robert O'Callahan によると、Firefox が SVG フォントをサポートしなかったのは、Mozilla がWOFF をSVG フォントよりも優れた代替品とみなしたためだという。^[29] Mozilla の別のエンジニア Boris Zbarsky は、Webkit と Opera に実装されている仕様のサブセットは、Web 作成者やユーザーに WOFF 以上のメリットをもたらさないと主張し、SVG フォントを Web ブラウザーに完全に実装するのは「HTML との統合を念頭に置いて設計されていない」ため難しいと主張した。^[30]

2010年4月2日、Mozillaがプライバシー上の懸念からGeckoの疑似クラスの処理方法を変更したことを受けて、イアン・ヒクソンはテストに小さな変更を加えた:visited。^{[31] [32]}

Firefox 51.0a1は2016年9月14日に100から99に後退し、Firefox 55.0a1は2017年5月1日にさらに97に後退しました。 ^[33] Firefox Quantumバージョンでは、63.0が97/100、64.0が96/100、68.1.0esr以降^[34]が97/100でした。Firefoxバージョン105.0は99/100、109.0は97/100でした。121.0の時点では、テストで97/100を獲得しました。

マイクロソフトは、Acid3 はInternet Explorer 8の目標に同意しておらず、IE8 は Acid3 がテストしている標準の一部のみを改善するだけだと述べた。^[35] IE8 のスコアは 20/100 で、Acid3 リリース時のすべての競合製品よりもかなり悪く、Acid3 テスト ページのレンダリングに問題があった。2009 年 11 月 18 日、Internet Explorer チームはPDCプレゼンテーションからのInternet Explorer 9の初期開発に関するブログ記事を投稿し、ブラウザーの内部ビルドは 32/100 のスコアになる可能性があることを示した。^[36]

2010年を通じて、いくつかの公開開発者プレビューにより、Internet Explorer 9のテストスコアは55/100（3月16日^[37]）から95/100（8月4日現在）に向上した。^{[38] [39] [40]} IEチームのゼネラルマネージャーであるディーン・ハチャモビッチは、Acid3テストで100/100を目指すことは必要でも望ましくもないと主張した。彼は、2つのAcid3の失敗は「移行中」の機能（SVGフォントとSMILアニメーション）に関連していると主張した。^[41]

Internet Explorer 11では、 Acid3テストで 100/100 のスコアを獲得しています。Blinkブラウザ エンジンを使用するMicrosoft Edge では、バージョン 109 で 97/100 のスコアが表示されます。

このテストの初期のバージョンは、めったに使用されない機能や、まだ W3C のワーキング ドラフト段階の機能だけを厳選したものだと批判されました。著名な Web 標準の提唱者であるEric A. Meyerは、「ここでの本当のポイントは、Acid3 テストが広範囲の標準サポート テストではないということです。これは見せかけのものであり、ポチョムキン村のようなものでしかありません。これは残念なことです。なぜなら、現在本当に必要なのは、XHTML、CSS、DOM、SVG などの仕様を網羅するテスト スイートだからです」と書いています。^[42]

「テストに合格するだけの標準を実装することは不誠実であり、標準準拠とは何の関係もありません」と、Mozilla UX リーダーの Alex Limi 氏は記事「神話の破壊: Firefox 4 が Acid3 で 100 点を獲得できない理由」で主張しました。Limi 氏は、一部のテスト、特に SVG フォントのテストは実際の使用とは関係がなく、一部のブラウザでの実装はスコアを上げるためだけに作成されたものだと主張しました。^[43]

2011年9月17日、イアン・ヒクソンはAcid3のアップデートを発表しました。ヒクソンの言葉によれば、オペラ・ソフトウェアのホーコン・ウィム・リーと彼は「仕様で変更される可能性のあるテストの部分」をコメントアウトしました。彼らは、この変更により「Acid3のテストに偶然適合するものだけに変更を制限するのではなく、Webに最適な方法で仕様を変更できるようになる」ことを期待していました。^[44]

その結果、Firefox 4とInternet Explorer 9はAcid3で100/100のスコアを達成しましたが、Internet ExplorerはInternet Explorer 10までtext-shadowをサポートしていなかったため、テストを適切にレンダリングできませんでした。^[45]

以下の規格の一部は Acid3 によってテストされています。

合格点は、ブラウザのデフォルト設定が使用された場合にのみ有効とみなされます。

次のブラウザ設定およびユーザー操作により、テストが無効になる可能性があります。

• ズームインまたはズームアウト
• 画像を無効にする
• カスタムフォント、色、スタイルなどを適用します。
• アドオンや拡張機能をインストールして有効にする
• ユーザーJavaScriptまたはGreasemonkeyスクリプトをインストールして有効にする

• 酸1と酸2
• レイアウトエンジンの比較
• ECMAScript テスト262
• HTML5テスト
• 癖モード
• Sputnik (JavaScript 適合性テスト)

ウィキメディア・コモンズには、 Acid3に関連するメディアがあります。

• 公式サイト
• Acid3 テスト (リファレンス レンダリング)
• Web Standards Project の Acid3 テスト
• Acid3 テストのリリース後の改訂
• Acid4についてはどうですか?