Listen to this article

Acid2

From Infogalactic: the planetary knowledge core
Jump to: navigation, search
Acid2
Acid2 reference.png
This is the reference image for Acid2. In the real test, the nose becomes blue while the cursor is hovering over it.
Web address acid2.acidtests.org
Commercial? No
Type of site
 Web standards test
Registration No
Available in English language
Owner The Web Standards Project
Created by Ian Hickson
Launched 13 April 2005
Current status Online

Acid2 is a test page published and promoted by the Web Standards Project to expose web page rendering flaws in web browsers and other applications that render HTML. Named after the acid test for gold, it was developed in the spirit of Acid1, a relatively narrow test of compliance with the Cascading Style Sheets 1.0 (CSS1) standard, and was released on 13 April 2005. As with Acid1, an application passes the test if the way it displays the test page matches a reference image.

Acid2 tests aspects of HTML markup, CSS 2.1 styling, PNG images, and data URIs. The Acid2 test page will be displayed correctly in any application that follows the World Wide Web Consortium and Internet Engineering Task Force specifications for these technologies. These specifications are known as web standards because they describe how technologies used on the web are expected to function.

Acid2 was designed with Microsoft Internet Explorer particularly in mind. The creators of Acid2 were dismayed that Internet Explorer did not follow web standards. It was prone to display web pages differently from other browsers, causing web developers to spend time tweaking their web pages. Acid2 challenged Microsoft to make Internet Explorer comply with web standards.

Acid2 was released on 13 April 2005. On 31 October 2005, Safari 2.0.2 became the first browser to pass Acid2. Opera, Konqueror, Firefox, and others followed. With the release of Internet Explorer 8 on 19 March 2009, the latest versions of all major desktop web browsers now pass the test. Acid2 was followed by Acid3.

The test fails when browsers become compliant with current CSS collapse and margin standards.[1]

History

The smiley face of the first version of Acid2. Due to problems in this version of the test, the mouth is too close to the nose and the text "ERROR" appears even in a standards-compliant browser.

Acid2 was first proposed by Håkon Wium Lie, chief technical officer of Opera Software and creator of the widely used Cascading Style Sheets web standard.[2] In a 16 March 2005 article on CNET, Lie expressed dismay that Microsoft Internet Explorer did not properly support web standards and hence was not completely interoperable with other browsers. He announced that Acid2 would be a challenge to Microsoft to design Internet Explorer 7, then in development, to achieve a greater degree of standards compliance than previous versions of Internet Explorer. The original Acid1 test had forced browser makers to fix their applications or face embarrassment; Lie hoped that Acid2 would do the same.[3]

Lie and a colleague, Ian Hickson, had created the first draft of the test in February 2005.[4] Ian Hickson coded the final test in collaboration with the Web Standards Project and the larger web community.[3][5][6][7] It was officially released on 13 April 2005[8] and at that time, every web browser failed it spectacularly.[9]

On 23 April 2005, Acid2 was updated to fix a bug that made the mouth appear too close to the nose.[10][11] After several complaints, the test was again updated in January 2006 to remove a test for unpopular SGML-style comments that were never widely implemented. In browsers that do not implement SGML-style comments, the original test displayed the word "ERROR" on the bottom part of the face.[4]

In March 2008, Ian Hickson released Acid3 as a follow-up to Acid2. While Acid2 primarily tests CSS, Acid3 focuses more on JavaScript and other "Web 2.0" technologies.[12]

Microsoft's response

In July 2005, Chris Wilson, the Internet Explorer Platform Architect, stated that passing Acid2 was not a priority for Internet Explorer 7, describing the test as a "wish list" of features rather than a true test of standards compliance.[13] In December 2007, Microsoft announced that all the changes required to pass Acid2 would be made available in Internet Explorer 8, but that the changes would not be turned on by default, meaning that IE8 would not actually pass the test.[14][15] The concern was that switching to a new behavior would cause too many problems in web pages expecting Internet Explorer's old, non-compliant behavior. Then in March 2008 Microsoft released IE8 beta 1 and turned on the changes by default after all.[16] James Pratt, product manager for IE8, explained that this decision was made so that "developers can spend more time building features and cool stuff, and less time just trying to tweak their sites across different browsers."[17][dead link]

Unfortunately, another unresolved standards compliance issue caused IE8 beta 1 to fail if not all elements of the test were hosted from the same server.[18][19][20] In August 2008 Microsoft released IE8 beta 2, which resolved the issue.[21] As of that beta, however, standards mode is not turned on by default for pages loaded in the "Intranet Zone". This zone is active for pages loaded via UNC paths, named addresses without dots (like http://mysite/), and sites that bypass the proxy settings.[22] As such, IE8 will not pass the Acid2 test if loaded in these cases.[23]

Overview of standards tested

Acid2 tests a variety of web standards published by the World Wide Web Consortium and the Internet Engineering Task Force. With the exception of CSS 2.1, all web standards tested were codified before the year 2000.[24][25][26][27] CSS 2.1 was a candidate recommendation at the time of Acid2's release,[28] and was still a candidate recommendation as of 23 April 2009.[29]

Specifically, Acid2 tests:[30]

  • Alpha transparency in PNG-format images: The eyes of the smiley face use alpha transparency, which is part of the 1996 Portable Network Graphics specification. Alpha transparency blends the eyebrows into the face smoothly and elegantly. This was a significant issue because Internet Explorer 6, the most widely used web browser at the time Acid2 was released,[31] did not support alpha transparency. This deficiency was rectified in Internet Explorer 7, bringing Internet Explorer in line with other web browsers in this regard.[32]
  • The object element: The eyes also test support of the HTML object element. The object element has been a part of HTML since HTML 4 was released in 1998,[33] yet by 2005 it still was not completely supported in all web browsers. The creators of Acid2 considered object element support important because it allows for content fallback—if an object fails to load, then the browser can display alternative (generally simpler, more reliable) content in its place.
  • Data URIs: The actual images that form the eyes are encoded as data URIs, which allow multimedia to be embedded in web pages rather than stored as a separate file. Acid2 tests the most common case, where a binary image is base64-encoded into text and then that encoded text is included in a data URI in the web page. Interestingly, although the IETF published the data URI specification in 1998,[26] they never formally adopted it as a standard.[34] Nonetheless, the HTML 4.01 specification references the data URI scheme,[18] and data URI support has now been implemented in most browsers.
  • Absolute, relative, and fixed CSS positioning: Absolute positioning means that the web developer specifies the exact X and Y coordinates where an element is to be placed into the page. Relative positioning means that the web developer specifies an X and Y offset from the usual position of the element. Fixed positioning means that the element is placed relative to the browser window, and scrolls with the window rather than with the rest of the page.[35][36]
  • The CSS box model: This feature allows the web designer to specify dimensions, padding, borders, and margins,[37] and was the focus of the original Acid1 test.[30] Acid2 not only retests margin support but also tests minimum and maximum heights and widths, features new to CSS 2.0.
  • CSS table formatting: This part of CSS allows the web designer to apply table formatting without traditional HTML table markup.
  • CSS generated content: Using CSS generated content, web developers can add decorations and annotations to specified elements without having to add the content to each one individually.
  • CSS parsing: A number of illegal CSS statements are present in Acid2 to test error handling. Standards-compliant browsers are expected to handle these errors as the CSS specification directs. This helps ensure cross-browser compatibility by making all browsers treat CSS with the same level of strictness, so that what works in one browser should not cause errors in another.
  • Paint order: Acid2 requires that the browser has standard paint order. That is, overlapping elements should be placed or painted on top of each other in the correct order.
  • Hovering effects: When the user moves his or her mouse over the smiley face's nose, it turns blue. This is called a hovering effect, and while it has traditionally been used for hyperlinks, it should work on a wide variety of HTML elements.[38]

Because Acid2 is not a comprehensive test, it does not guarantee total conformance to any particular standard. A variant of the Acid2 test that does not test for data URI support is also available from the Web Standards Project.[30]

Passing conditions

A passing score is only considered valid if the browser's default settings were used. Actions such as changing font sizes, zoom level, and applying user stylesheets can break the display of the test. This is expected and is not relevant to a browser's compliance.[39]

The following browser settings and user actions invalidate the test:[39][40]

  • Scrolling
  • Resizing the browser window
  • Zooming in or out
  • Disabling images
  • Using Opera's Fit to width or Small Screen Rendering modes
  • Applying custom fonts, colors, styles, etc.
  • User JavaScript or Greasemonkey scripts
  • Enabling Internet Explorer's "compatibility view"

Compliant applications

Acid2 as rendered by compliant applications
Use of Acid2-conformant web browsers rose between October 2005 and May 2009.[41]

If rendered correctly, Acid2 will appear as a smiley face below the text "Hello World!" in the user's browser, with the nose turning blue when the mouse cursor hovers over it. At the time of the test's release, every browser failed it,[9] but now a number of browsers pass it. See the list below.

Officially released

Non-compliant applications

Even though Opera Mini is based on the same rendering engine as Opera for personal computers, it does not pass the Acid2 test.[42][43] This is because Opera Mini intentionally reformats web pages to try to make them more suitable for devices with small screens.[39][44][45]

Timeline of passing applications

The following is a list of releases noting significant releases of applications that passed the test. New applications that have passed Acid2 since their first official release are not included in the timeline.

Date Browser Availability Notes
27 April 2005 Safari private build[46]
18 May 2005 iCab private build[47] This build was made available to registered iCab users on 20 May 2005.
4 June 2005 Konqueror private build[48]
6 June 2005 iCab public build[47] Whether this version of iCab truly passes the test or not was questioned because it displays a scrollbar on the test page.[49] The CSS specification states that Acid2 correctly rendered should not have a scrollbar,[50] but also says that "there may exist valid reasons in particular circumstances" to ignore this requirement.[51][52]
6 June 2005 Safari source code available[53] WebKit, the underpinnings of Safari, was made open source on 6 June 2005. When Safari was run with this latest version of WebKit, it passed the Acid2 test.
31 October 2005 Safari 2.0.2 official release[54][55] Included in Mac OS X 10.4.3. First officially released web browser to pass test.
29 November 2005 Konqueror 3.5 official release[56] First Linux-compatible browser to pass the test, although it did not hide the scrollbar.
7 December 2005 Prince 5.1 official release[57] First non-web browser to pass test.
10 March 2006 Opera 9 Development build 8249 public weekly build[58][59] First Microsoft Windows-compatible browser to pass the test and also the first Linux-compatible browser to pass the test including hiding the scrollbar. A public beta was released on 20 April, also successful.[60][61]
28 March 2006 Konqueror 3.5.2 official release[62] Updated to hide the scrollbar.[63][64]
11 April 2006 Mozilla Firefox public nightly build[65] The "reflow refactoring" nightly builds, whose code was branched from the Gecko 1.9/Firefox 3.0 trunk, pass Acid2.
24 May 2006 Opera Mobile for Symbian OS private build[66] First mobile browser to pass test.
20 July 2006 OmniWeb 5.5 beta 1 public build[67][68][69] OmniWeb switches its rendering engine to WebKit, the same rendering engine used in Safari which already passed the Acid2 test
20 June 2006 Opera 9.0 official release[70]
4 July 2006 Obigo Browser private build[71] Second mobile browser to pass test.
17 August 2006 iCab 3.0.3 official release[72] First public release that hides the scrollbar.
6 September 2006 OmniWeb 5.5 official release[67]
8 December 2006 Mozilla Firefox, Camino, SeaMonkey public nightly build[73] Reflow refactoring branch is merged into main Gecko trunk. Firefox, Camino, and SeaMonkey trunk builds now pass Acid2.
5 March 2008 Internet Explorer 8 Beta 1 public build[74] Beta 1 passes the test when hosted at www.webstandards.org, but fails the test when hosted at webstandards.org or acid2.acidtests.org.[19]
17 June 2008 Mozilla Firefox 3.0 official release[75][76] Mozilla Firefox 3.0,3.5,and 3.6 Pass The Acid2 Test.
27 August 2008 Internet Explorer 8 Beta 2 public build[77] Beta 2 and later pass the test unless it is hosted from the Intranet Zone.[21][23]
2 September 2008 Google Chrome 0.2 beta public build[78]
14 October 2008 Flock 2.0 official release[79]
11 December 2008 Google Chrome 1.0 official release
19 March 2009 Internet Explorer 8 official release[80]
27 October 2009 SeaMonkey 2.0 official release[81]
18 November 2009 Camino 2.0 official release[82]
24 June 2010 Spicebird 0.8 official release[83]

See also

References

  1. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  2. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  3. ↑ 3.0 3.1 Lua error in package.lua at line 80: module 'strict' not found.
  4. ↑ 4.0 4.1 Lua error in package.lua at line 80: module 'strict' not found.
  5. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  6. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  7. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  8. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  9. ↑ 9.0 9.1 Lua error in package.lua at line 80: module 'strict' not found.
  10. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  11. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  12. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  13. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  14. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  15. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  16. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  17. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  18. ↑ 18.0 18.1 Lua error in package.lua at line 80: module 'strict' not found.
  19. ↑ 19.0 19.1 Lua error in package.lua at line 80: module 'strict' not found.
  20. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  21. ↑ 21.0 21.1 Lua error in package.lua at line 80: module 'strict' not found.
  22. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  23. ↑ 23.0 23.1 Lua error in package.lua at line 80: module 'strict' not found.
  24. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  25. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  26. ↑ 26.0 26.1 Lua error in package.lua at line 80: module 'strict' not found.
  27. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  28. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  29. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  30. ↑ 30.0 30.1 30.2 Lua error in package.lua at line 80: module 'strict' not found.
  31. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  32. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  33. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  34. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  35. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  36. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  37. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  38. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  39. ↑ 39.0 39.1 39.2 Lua error in package.lua at line 80: module 'strict' not found.
  40. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  41. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  42. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  43. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  44. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  45. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  46. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  47. ↑ 47.0 47.1 Lua error in package.lua at line 80: module 'strict' not found.
  48. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  49. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  50. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  51. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  52. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  53. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  54. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  55. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  56. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  57. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  58. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  59. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  60. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  61. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  62. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  63. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  64. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  65. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  66. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  67. ↑ 67.0 67.1 Lua error in package.lua at line 80: module 'strict' not found.
  68. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  69. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  70. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  71. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  72. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  73. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  74. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  75. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  76. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  77. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  78. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  79. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  80. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  81. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  82. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  83. ↑ Lua error in package.lua at line 80: module 'strict' not found.

External links

de:Acid (Browsertests)#Acid2 sv:Acid webbläsartester#Acid2

Retrieved from "https://infogalactic.com/w/index.php?title=Acid2&oldid=4459806"