¿Por qué seguimos diseñando para navegadores obsoletos?

Una discusión común en los pasillos de cualquier empresa de diseño web es la exigencia de adecuar un proyecto a navegadores web antiguos u obsoletos. Como Internet es un ecosistema basado en la tecnología, cualquier avance es incorporado con entusiasmo por todos quienes participan en la creación de la web. Sin embargo, esta costumbre de desarrollar siempre para la última tecnología entra en conflicto con la obligación de llegar a todos los usuarios según los principios propios de la accesibilidad, considerando las limitaciones de hardware y software de los usuarios.

El mayor inconveniente ocurre cuando un sitio web optimizado con los últimos avances en HTML5, CSS3 y Javascript debe visualizarse en versiones de Internet Explorer ya obsoletas (8 y anteriores). Es obvio que estas aplicaciones no incorporan adelantos impensados en el momento en que fueron lanzados (como el responsive web design), aunque siguen usándose por una parte importante de la población, ya sea en entornos corporativos limitados o en PC con bajos recursos de sistema.

En IDA nos preocupamos que el contenido de nuestros sitios se adapte a todos los usuarios, sin importar el dispositivo, navegador o tecnología usada para acceder a Internet. Por esto te compartimos algunas preguntas frecuentes respecto al desarrollo de sitios web para navegadores obsoletos y las soluciones que aplicamos cuando nos enfrentamos a problemas de compatibilidad.

¿Por qué continuamos considerando a los navegadores obsoletos?

Las razones son varias:

• Por accesibilidad: El sitio debe ser visualizado en cualquier instancia, sin importar dispositivo o navegador usado. Pensando en Chile aún existen regiones con limitaciones de actualización de software y equipos, sobre todo en sectores rurales.
• Por exigencias corporativas: Muchas veces quien encarga el sitio reclama por la visualización en navegadores obsoletos, argumentando que todavía se siguen usando o son parte de la infraestructura de la empresa.
• Inclusividad: Cuando el proyecto involucra a comunidades de condiciones más precarias debe incluir por obligación la adaptación a navegadores obsoletos. Por ejemplo, una biblioteca rural puede contar con un solo PC y Windows XP desactualizado, que soporte una versión de IE anterior a 8.

¿Cuál es el estándar de la industria respecto a los navegadores obsoletos?

Existen dos metodologías para adaptar desarrollos a navegadores obsoletos:

• Degradación elegante: Consiste en diseñar y desarrollar un sitio web para la última tecnología existente y, desde ahí, degradar las funcionalidades según las restricciones de versiones antiguas u obsoletas. Es el proceso “de más a menos” donde la clave está mantener un estilo visual homogéneo sin sacrificar ningún elemento del contenido.
• Mejora progresiva: Se procede a la construcción del sitio desde lo básico a lo complejo. Parte desde una base de contenido visible para todos los navegadores, agregando mejoras que estarán disponibles para quienes puedan desplegarlas. Es un proceso “de menos a más” donde lo central no es el diseño visual sino el contenido.

En cuanto a la industria de los sitios web es común desarrollar para la última versión de los navegadores, sugiriendo u obligando al usuario a actualizar el programa. También se debe considerar que al hablar de “navegadores obsoletos” se hace referencia a versiones de Internet Explorer sin soporte desde Microsoft o el gigante Google, quien quita el soporte a dos versiones inmediatamente anteriores al último IE lanzado.

¿Dónde se producen los mayores conflictos de compatibilidad?

En las capacidades visuales desplegadas por los navegadores: bordes redondeados, sombras, animaciones y posicionamiento de elementos. También se producen conflictos por el uso de APIs y Javascript.

¿Qué herramientas usamos para adaptar diseños a navegadores obsoletos?

En primer lugar buscamos que el diseño como tal no se rompa, conservando el orden de los elementos propios del contenido. Para realizar otras adaptaciones, en IDA utilizamos:

• Selectivizr: herramienta de Javascript que emula selectores de CSS3 a través de pseudoclases en navegadores no soportados como IE 6, 7 y 8. Con esto es posible mantener un un estilo visual homogéneo.
• jQuery: Biblioteca Javascript que entrega compatibilidad de funciones HTML en diversos navegadores.
• Modernizr: Otra librería de Javascript que detecta capacidades de los navegadores y actúa según lo que pueda desplegar cada uno.

¿Qué navegadores recomendamos en IDA?

Es una pregunta que siempre causará controversias. Todo depende del usuario, las funcionalidades que busca y la satisfacción que le entregue en el uso diario. Por otro lado, el mejor navegador será el que incorpore la mayor cantidad de estándares web y mejoras en seguridad.

Por ejemplo, si buscas integración con Windows, seguridad y privacidad, puedes usar Internet Explorer 11; sí lees mucho RSS tu opción será Firefox; y si quieres rapidez e integración con Google tienes a Chrome.

La única recomendación clara es la de actualizar tu navegador a la última versión, para así evitar problemas de compatibilidad y ataques informáticos.