Quand les navigateurs passent le test Acid3 !

Il y a peu de temps, les principaux navigateurs que l'on utilise ont subi un test qui permettait de voir s'ils respectaient les standards du CSS1 : ce test se nommait le test Acid2, expliqué dans cette récente news.
Acid3 est donc la version évoluée du test Acid2 et qui a pour but de vérifier si ces mêmes navigateurs respectent cette fois-ci non seulement le CSS mais aussi l'ECMAScript, JavaScript et enfin le DOM2. Ce test contrôle également les navigateurs sur le SVG, l'XML et Data:URIs. Ces derniers tests (tous sauf le CSS) ont toute leur importance, en effet ils permettent de vérifier si ces navigateurs savent ou pas mettre en forme correctement un document.

Comment ça fonctionne ?

Comme dit ci-dessus, le test Acid3 peut se comparer au test Acid2, exception faite que ce dernier effectue beaucoup moins de contrôles que l'Acid3.
L'image ci-contre est la représentation parfaite du document, tel qu'il doit être mis en forme par les différents navigateurs, vous l'aurez donc compris, le test Acid3 se basera sur ce document. Pour obtenir une note de 100/100, le navigateur devra afficher parfaitement l'image ci-contre, avec la même mise en forme et le même emplacement des divers éléments.
Vous pouvez aussi tester votre navigateur en vous rendant ici.

Test Acid3 : la révélation !

Tout d'abord, Internet Explorer 6 et 7 ont passé le test et ont obtenu respectivement une modique note de 11 et 12 sur 100.
Le résultat est le suivant pour chaque navigateur (version 6 à gauche et 7 à droite).



Le test se déroule ensuite avec le navigateur Mozilla Firefox dans deux de ses versions, la 2.0.0.12 (image gauche) et la version 3 en troisième bêta (image droite). Les notes respectives sont de 50 et de 59 sur 100.



Le test se poursuit avec Opera dans sa version 9.25 et également dans sa bêta 9.50. La version 9.25 a reçu une note de 46 et la dernière bêta d'Opera une note de 65 sur 100. La version 9.25 est présentée à gauche et la bêta 9.50 à droite.



Enfin, le test se termine avec Safari dans sa troisième version (image gauche) et dans sa dernière version du Webkit (image droite), les notes respectives pour ces deux versions sont de 39 et 82 sur 100.

Que dire de ce test ?

Ce test est donc primordial pour déceler les défauts de chaque navigateur et permet donc d'indiquer aux développeurs de ceux-ci les choses à rectifier.
Ces notes sont proportionnelles à ce qu'on était habitué, on retrouve toujours IE dans de basses notes et Firefox dans une note un peu plus élevée par exemple.
Malgré tout, les développeurs de IE ont affirmé que IE8 respecterait mieux les standards, est-ce vrai ? Seul le futur pourra nous le dire...

Les navigateurs et les webmasters

Voilà un débat qui n'est pas prêt de prendre fin !
En effet, à la vue de ce test Acid3, on pourrait également faire un point sur le développement des sites web par les webmasters et du rôle des navigateurs dans ce domaine. Les sites "Web 2.0" développés par les webmasters doivent souvent s'adapter à tous les navigateurs, non seulement pour l'aspect sérieux du site mais aussi pour son aspect graphique, en effet un site web qui ne s'adapte pas à tous les navigateurs affichera mal quelque chose sous le navigateur concerné (souvent Internet Explorer, débat qui est relancé moult fois).
Et ce phénomène se remarque de plus en plus sur la toile, certains sites web allant même jusqu'à spécifier dans leur pied de page une mention affirmant que le site est adapté pour tel ou tel navigateur, certains disent que c'est aux webmasters de coder proprement et universellement, c'est-à-dire un code qui s'adapte à tous les navigateurs.
Pour ce faire, on a inventé ce qu'on appelle les commentaires conditionnels, dans le développement d'un site internet, ils permettent d'afficher quelque chose uniquement pour tel ou tel navigateur.

Les commentaires conditionnels et les navigateurs, la solution ?

Pour beaucoup c'est une part de solution dans la création d'un site, puisqu'à ce moment-là, les commentaires conditionnels permettent l'adaptation du site sur tous les navigateurs. Voici pour exemple un bout de code contenant du commentaire conditionnel :

Code : HTML - Afficher / masquer les numéros de ligne

Dans cet exemple, on vérifie le navigateur du client, si c'est Internet Explorer (toutes versions confondues), alors on applique le design distant qui se trouve dans le dossier design et dont le nom du fichier est news, supposé être un design pour l'affichage des news en page d'accueil.
Il faut aussi savoir que des autres codes existent pour cibler une version unique d'Internet Explorer et pas toutes les versions simultanément.

Cette méthode peut aussi s'appeler un hack, cela signifie qu'elle contourne le problème pour y apporter une solution, en l'occurence ici adapter le design des news à IE.
Beaucoup parlent de solution, même si ces hacks seront révolus un peu plus tard, en réalité, les versions des navigateurs évoluent et les hacks devront donc aussi évoluer, là aussi laissons faire le futur.

Une conclusion ?

Le test nous fait clairement remarquer que Internet Explorer a du retard par rapport aux autres navigateurs, mais Internet Explorer 8 serait supposé corriger ce problème.
Dans un deuxième temps, on constate que les commentaires conditionnels pourraient faire l'objet d'une avancée technique concernant les navigateurs aujourd'hui mais que dans le futur cela pourrait poser problème, puisque ces hacks seront périmés, cause de l'évolution des navigateurs, il faudra trouver d'autres solutions pertinentes.

Liens relatifs à la news

• (en) Test Acid3 sur Wikipedia.
• (fr) Internet Explorer et explications sur les standards sur Wikipedia.