¿Cómo se ve mi sitio en otros sistemas?

El principio básico del concepto de accesibilidad web es que todos los usuarios puedan acceder a toda la información de un sitio.

Normalmente diseñamos haciendo pruebas y más pruebas en la computadora propia, pero cuando subimos la página a un hosting empezamos teniendo problemas con los caracteres especiales (¡no se ven los acentos!), que se resuelven definiendo correctamente la codificación, indicando al usuario cómo configurar su navegador (¡Gracias, Claudio Segovia!), o directamente usando los códigos para los caracteres especiales (solución menos correcta pero infalible).

Pronto algunos amigos que entran a nuestra página con sus diferentes monitores, en diversas resoluciones, con variados navegadores y sistemas operativos, empiezan a avisarnos que la página No se ve bien. ¿Cómo saberlo de antemano?

Una posibilidad es utilizar  un servicio como browsershot.org, que muestra nuestra página en diversos navegadores de diversos sistemas operativos y configuraciones de pantalla. Podemos ver nuestro sitio en pantallas de 800 x 600 o en una de 1680 px de ancho; en Internet Explorer, en Opera, o en Safari; en un sistema sin JavaScript o sin Flash, etc. etc.:

Browsershot

¿Y cómo resuelvo las diferencias?

En muchos casos veremos que el sitio se ve muy bien, tan bien como en nuestro querido Mozilla Firefox, pero que el malvado Internet Explorer muestra algunas cosas un poco diferentes. Esto se debe a que Internet Explorer no cumple con los estándares para la web, así que tendremos que tomarnos un trabajito extra para este navegador: emezetablog propone utilizar una hoja de estilos agregada, con diferentes definiciones de formato, que sólo se lea cuando el usuario tiene Internet Explorer.

Un ejemplo:

<!–[if gte IE 5.500 ]>
<link rel=’stylesheet’ type=’text/css’ href=’estilosIE.css’>
<![endif]–>

Otros posts de BETA Weblog sobre accesibilidad y CSS:

Más sobre CSS: Float y Clear

Imágenes en CSS

Sombras nada más… o ¿sombras en el texto de una web accesible?

Ayuda para crear hojas de estilo

Cómo saber el código de un color

Cómo saber si tu sitio es accesible

 

3 opiniones en “¿Cómo se ve mi sitio en otros sistemas?”

  1. Yo solucioné todo con Mozilla Firefos, pero siempre recibo noticias de amigos que no pueden ver las cosas correctamente en sus compus.
    Este artículo tuyo, genia, me aclaró todo.
    Gracias!

Responder a Diana Laura Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *