Une grande campagne d’éradication d’Internet Explorer 6 à débuté depuis mars 2009. L’idée part d’un groupe de webdesigners et développeurs Norvégiens, et réside dans un principe des plus simples : informer les visiteurs qui utilisent Internet Explorer 6 que leur navigateur est périmé et ne prend pas en comptes les dernières règles du HTML/XHTML mais aussi de la sécurité. Kapsul se joint au mouvement pour tenter d’éradiquer le navigateur web le plus naze au monde.

Pourquoi une campagne anti IE6 ?

• IE6 ne respecte pas les standards W3C pour le XHTML/CSS
• IE6 a posé, pose et posera des soucis à tous les intégrateurs du monde entier…Aujourd’hui si l’on veut prendre en compte cette partie des internautes sous IE6 lors de la création d’un gabarit de site web, on est obligé de passer par une feuille de style dédiée uniquement à cette version.
• IE6 n’aime pas le Javascript, encore moins l’Ajax
• IE6 laisse des portes ouvertes sur votre ordinateur et n’est vraiment pas réglo niveau sécurité
• IE6 est un processus lourd, qui plante souvent, et ralenti la navigation web. A l’heure où tous les navigateurs modernes préparent l’arrivée du HTML5, IE6 est réel frein à Internet comme l’était Netscape 4 en l’an 2000.
• Juin 2009 : IE6 représente encore 14% des internautes (W3Scools)

Comment afficher un message d’avertissement pour l’internaute ?

Par la bonne vieille méthode des commentaires conditionnels. On spécifie une version de navigateur pour laquelle on balancera un code particulier.

Le code :

<!–[if lte IE 6]>
<p>Attention ! Vous naviguez avec un navigateur périmé !</p>
<![endif]–>

Nous avons pris ici pour exemple l’affichage d’une ligne de texte brut, mais vous pouvez également opter pour un message un peu plus stylé grâce à un peu de CSS, comme l’explique le site de FINN Lab :

<!–[if lte IE 6]>
<style type= »text/css »>
#ie6msg{border:3px solid #090; margin:8px 0; background:#cfc; color:#000;}
#ie6msg h4{margin:8px; padding:0;}
#ie6msg p{margin:8px; padding:0;}
#ie6msg p a.getie7{font-weight:bold; color:#006;}
#ie6msg p a.ie6expl{font-weight:normal; color:#006;}
</style>
<div id= »ie6msg »>
<h4>Savez-vous que votre navigateur est obsolète&nbsp;?</h4>
<p>
Pour naviguer de la manière la plus satisfaisante sur notre site,
nous recommandons que vous procédiez à une mise à jour de votre navigateur.
La version actuelle est
<a href= »http://www.microsoft.com/windows/downloads/ie/getitnow.mspx »>
Internet Explorer&nbsp;8</a>. La mise à jour est gratuite.
Si vous utilisez un PC au travail, veuillez contacter votre service informatique.
</p>
<p>
Si vous le souhaitez, vous pouvez aussi essayer d’autres navigateurs Web populaires
comme par exemple
<a href= »http://mozilla.com »>FireFox</a> ,
<a href= »http://www.opera.com »>Opera</a> ou
<a href= »http://www.apple.com/safari/download/ »>Safari</a>
</p>
</div>
<![endif]–>

Une fois ce petit bout de code placé dans vos pages, vos internautes sous IE6 seront automatiquement avertis, et – espérons le – la plupart ira mettre à jour leur navigateur immédiatement.

La campagne est relayée par la blogosphère et de nombreux sites ont adopté le système : Facebook, Yahoo, Gmail…Une liste se dresse sur ce wiki anti IE6, si vous publiez un article sur le sujet, ou si vous mettez en place ce système d’infobulle sur votre site n’hésitez pas à vous ajouter à la liste.

Quelques liens pour prolonger votre lecture et faire votre propre décision : allez-vous mettre en place ce système sur votre site web ?

http://www.stopie6.org

http://ie6.forteller.net
http://www.bringdownie6.com/

Pour les amateurs de WordPress, un plugin dédié existe.

Pour finir, une superbe illustration trouvée sur flickr :