Bueno, lo primero quiero agradecer a todos los usuarios que se han molestado en plasmar su opinión y ofrecer su granito de arena ( por no decir montaña) a esta iniciativa. Se aprende mucho leyéndolos y se tienen en cuenta cosas que quizás no se tuvieron previamente en consideración.
Muchos de los comentarios apoyan el fondo, pero critican tajantemente la forma.
Estoy de acuerdo en algo que los comentarios me han hecho tener en cuenta, la misión que los desarrolladores web tenemos que cumplir por encima de los estándares web, eliminar barreras a usuarios con discapacidades físicas y tecnológicas
La accesibilidad web es una tarea pendiente y yo he demostrado que debemos tenerla más en cuenta. Por eso creo que debemos hacer una modificación a la iniciativa.
Hablando con Yusef Hassan, un gran profesional y persona me ha estado ayudando a definir mejor la iniciativa que sin duda debe tener en cuenta la accesibilidad por encima de mis caprichos.
¿El día?
Sigue siendo el mismo día, el 18 de Octubre de 2009. Sigue siendo el por el mismo motivo, por que IE7 nació ese día y significó el nacimiento del reemplazo. Pero cambia la duración.
Mi propuesta:
El día 18 de Octubre del 2009a las 00:00 es el día límite
Ese día la iniciativa debería estar implantada en todas web posibles.
¿Como lo hacemos?
Mucho más sencillo que antes, no vamos a privar a los usuarios de que accedan o no al contenido de las páginas web, pero les vamos a eliminar TODOS los estilos CSS cuando el usuario entre con ese navegador (IE6) y añadiremos un mensaje superior informando de que su navegador está anticuado y que hay alternativas mejores.
¿Que ganamos?
Yo no tener que meter hacks en mi código y evitar perder el tiempo en hacer que mis aplicaciones se vean perfectas en IE6. Además, nos obliga a pensar en la semántica del código y en una estructura que permite la lectura del contenido a los que por motivos de fuerza mayor nunca puedan actualizar, haciendo caso a una de las premisas de accesibilidad web más importantes.
¿Que gana el usuario de Internet Explorer 6?
¿Realmente hace falta decirlo? Está claro que además de tener la capacidad de usar las nuevas herramientas que los navegadores modernos ofrecen, tendrán más seguridad en su navegación cotidiana y evitarán problemas como Spyware, y derivados.
¿Que código usamos?
Mucho más sencillo y fácil de usar que el anterior. Necesitaremos una función para detectar el día que lanzaremos la iniciativa.
<?php
function NOIE6() {
$start = date('U', mktime(-12, 0, 0, 10, 18, 2009));
$now = time() + date('Z') * -1;
$isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);
if ($isIE6 && ($now >= $start)) return true;
return false;
}
?>
Esta función devuelve true
en caso de que hayamos pasado la fecha de inicio de la iniciativa. Y nos seguirá devolviendo ese valor siempre que Internet Explorer 6 sea el navegador que visita nuestra página.
Ahora solo nos queda condicionar la salida de las hojas de estilo:
<head>
...
<?php
if ( !NOIE6() ) {
echo '<link rel="stylesheet" type="text/css" href="styles.css" />';
}
?>
...
</head>
De esta forma, siempre que se cumplan las condiciones (que pase la fecha y que sea Internet Explorer 6) no nos pintará la los estilos en la página.
¿Y el mensaje?
El mensaje creo que es algo muy subjetivo y que cada uno debería implementar a su gusto y con sus palabras. Así coge un toque más humano y menos enlatado. Pero usaremos los tags condicionales de Internet Explorer 6 para mostrarlo:
<!--[if IE 6]>
<div id="usuarios-ie">
La versión de Internet Explorer que estás utilizando no es recomendada para navegar en Internet.
Te recomendamos que actualices a <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx">una versión más reciente</a> o pruebes otros navegadores como <a href="http://www.mozilla.com" title="Firefox web browser">Firefox</a>, <a href="http://www.opera.com/" title="Opera Browser">Opera</a>, <a href="http://www.apple.com/safari/" title="Apple Safari">Safari</a> o <a href="http://www.google.com/chrome" title="Google Chrome">Chrome</a>
</div>
<![endif]-->
Si usas WordPress es aún más fácil, basta con añadir este código al fichero functions.php
de tu theme:
<?php
function noie6($url){
$start = date('U', mktime(-12, 0, 0, 10, 18, 2009));
$now = time() + date('Z') * -1;;
$isIE6 = eregi("MSIE 6\.[0-9]+", $_SERVER['HTTP_USER_AGENT']);
if ($isIE6 && ($now >= $start)) return "";
return $url;
}
add_filter("stylesheet", "noie6");
add_filter("stylesheet_uri", "noie6");
?>
Disculpas
Siento todas las molestias y problemas que haya podido ocasionar. Pido perdón, por dejarme llevar por un momento de rabia y convertir mi cruzada en algo demasiado radical. Y aprovecho para agradecer a todos los que han comentado en la entrada anterior dándome su apoyo y ofreciéndome de forma constructiva soluciones más correctas.
Esto es una iniciativa 2.0 en toda regla.
55 comentarios, 42 referencias
+
#