Stuart Jarvis A troll's eye view

The people at the Web Standards Project have put together a new test, Acid2, to highlight browser deficiencies in rendering html, css and png. At the time of the test’s creation WaSP believed that all browsers would fail the test. Most browsers still do, but development versions of Apple’s Safari apparently now pass the test.

How it should look

As WaSP suggested, it seems that none of the browsers publicly available when the test was published come anywhere near to passing it. Firstly, let’s take a look at how the test page should be rendered (all the images are at half full size). For the purposes of this test I have considered three current and supposedly standards compliant browsers (Mozilla’s Firefox, KDE’s Konqueror and Opera) and Microsoft’s Internet Explorer. Results for other browsers are also discussed.

Firefox

First up to the slaughter is Mozilla’s Firefox (I used 1.04 for the test). As you can see from the image Firefox doesn’t like the test very much at all. It fails to load the png eyes and generally making a bit of a mess of things. Without the reference image you’d find ti hard to work out what it is supposed to be. But for all its problems, this does appear to be the best rendering of any of the currently released browsers. Presumably the same rendering will apply to all current Gecko based browsers.

Konqueror

Given the links between Apple’s Safari and KDE’s Konqueror (Safari’s rendering engine is based on Konqueror’s KHTML) you might expect Konqueror to do a fairly good job. You’d be wrong. Firstly patches for Safari don’t translate easily into Konqueror because many of the improvements rely on components of the Apple OS for their operation and can’t simply be merged into KHTML. Secondly, the currently released version of Safari (as opposed to the current development version) apparently makes a complete dog’s breakfast of the test. Konqueror’s rendering (I used 3.4 for the test) is pretty horrible – those scrollbars contain a 404 not found server message.

Opera

Like all browsers, Opera can have trouble with compliant code. And Opera 8 makes a bit of hash of Acid2. I mean, what is that red background all about? The white patch is again indicative of a 404 error from the server due to the browser requesting information incorrectly. In Opera 7 (the image is from Opera the white area has scroll bars, like Konqueror.

Internet Explorer

I tested version 6 of Internet Explorer. IE gets a bigger screenshot than all the others because it failed the test in breathtaking fashion, smearing various parts of the picture down the page. To be fair to IE, it is an old browser, far older than the others that were tested and contemporary versions of browsers from the other vendors tested might be much worse than the latest versions. Still, the lack of a recent IE release is the fault of no one but Microsoft. Interestingly the page explaining the Acid2 test makes specific reference to the upcoming Internet Explorer 7, though this is probably more in hope than expectation that IE7 will pass the test.

Other browsers

I have not been able to test Safari (I don’t have a Mac) but from the page discussing making Safari pass the Acid2 test it seems that currently released versions of Safari make a bit of a mess of things and have the same red background all over the place that Opera has. It’s interesting that this would therefore seem to be worse than Konqueror (though I haven’t seen a screenshot, so it may be better in other respects). It seems that the next release of Safari will pass the test, throwing down the gauntlet to the other browser vendors.
Mozilla seems to be addressing the problems highlighted by Acid2, though it doesn’t look as if all the rendering bugs will be fixed anytime soon. The Konqueror developers have access to the fixes implemented by the Safari developers, but many are so specific to the Apple OS as to be of little use. A KDE developer discusses the problems and also criticises the relevance of the Acid2 test. Some of the criticism seems justified, as much of the Acid2 test is sufficiently obscure for a browser’s lack of support to not matter in the real world. It would be great though if all the browsers interpreted the standards in the same way, and I do think tests like Acid2 are good at stimulating this, creating discussion among developers and highlighting obscure bugs.
Anyway, there is some comfort for the browser vendors. The W3C’s own Amaya browser apparently fails the Acid2 test with considerable aplomb: it’s almost as bad as Internet Explorer.