Morton 13 de octubre de 2014 a las 07.46
   Imprimir artículo
elWebmaster.com

7 formas en que tu sitio web puede estar explotando sin que lo sepas


freelancers-wide

Hace mucho tiempo, en el dise√Īo web, todo lo que ten√≠as que hacer para que tus sitios sean compatibles entre navegadores era que¬† tengan un ancho de 960px, y resolver los problemas que IE6 provocaba. Oh, los viejos tiempos. Esos tiempos se terminaron. ¬ŅPodr√° pasar tu sitio web a trav√©s de estos siete puntos y salir ileso?

1. Las fuentes web no se muestran correctamente

Puede que no lo hayas notado, pero las fuentes web pueden verse bastante distintas de un sistema operativo al otro, incluso viéndolas en el mismo navegador. En un lugar puedes verlas bonitas y curvas, y en el otro, pixeladas y feas. Lo mejor en estos casos es utilizar una fuente propia.

2. Mala visualización en Opera Mini

Peor que mostrar tus fuentes mal es no mostrarlas en absoluto, y eso es lo que te puede pasar cuando abras tu sitio en Opera Mini. Casi todo falla, incluyendo colores b√°sicos y texto. Opera Mini es un navegador mobile dise√Īado para manejar sitios de una manera extremadamente liviana, permitiendo que pueda ser usado en dispositivos de baja gama y con poco uso de ancho de banda. Lamentablemente, parte de c√≥mo lo consigue es no soportando muchas propiedades CSS, particularmente CSS3.

Opera Mini tiene una peque√Īa pero significante base de usuarios. Es el navegador m√°s problem√°tico de la actualidad, pero tienes que tener un plan para lidiar con √©l.

3. No tener en cuenta las preferencias de usuario

Los paneles de configuraci√≥n del usuario var√≠a en cada navegador, permiti√©ndonos ajustar el tama√Īo de fuente seg√ļn nuestras necesidades. Estas configuraciones son usualmente utilizadas por usuarios con problemas de vista, o quienes usan televisores grandes para utilizar Internet.

Es una pr√°ctica com√ļn definir un tama√Īo base de fuente como 14px o 16x contra los elementos html y body. Sin embargo, esto previene que las preferencias de fuente del usuario hagan efecto.

Sumado a eso, si un usuario tiene seleccionado un tama√Īo de fuente que no es por defecto, es importante que todo tu layout puede escalarse a su vez. No quieres terminar con un layout que se rompe por completo porque s√≥lo se ajusta a un s√≥lo tama√Īo de texto.

4. No encajar correctamente en distintas pantallas

Casi todos los dise√Īadores ya han hecho la transici√≥n de layouts s√≥lo pensados para escritorio a incluir soporte para resoluciones comunes de tel√©fonos y tablets, pero eso es s√≥lo una parte del problema. La lista de posibles resoluciones de hoy en d√≠a es m√°s larga que tu brazo, y la influye la densidad de p√≠xeles, la porci√≥n de pantalla que la interfaz nativa del dispositivo abarca, y el tama√Īo f√≠sico de la pantalla.

Ahora mismo tu sitio web puede estar siendo visitado por usuarios con pantallas min√ļsculas o gigantescas, y es casi imposible de predecir qu√© combinaci√≥n de resoluci√≥n, densidad de p√≠xelesa, tama√Īo se dar√°.

5. Estallar cuando el JavaScript falla

Es fácil de asumir que todos los usuarios tienen JavaScript funcional del que podemos depender absolutamente. JavaScript tiende a jugar un rol importante en cada sitio, y en algunos casos puede encargarse de la mayor parte del contenido, a través de cosas como componentes web y renderización del lado del cliente.

Pero hay varias razones por las que un visitante puede tener apagado el JavaScript. Por restricciones de oficina, por navegadores web espec√≠ficos, por man√≠as o problemas de seguridad, por dispositivos antiguos. Incluso JavaScript puede fallar en cargarse, a veces. Y a pesar de que es un porcentaje de los usuarios muy reducido, a√ļn importa.

6. Depender de dispositivos de input que no est√°n disponibles

Ya no puedes asumir que el usuario tiene un mouse. Si tu sitio requiere interacción del mouse, puedes encontrarte con visitantes que nunca podrán acceder a partes de tu sitio. Lo ideal es que tu sitio pueda ser navegable con el teclado, o que no requiere de inputs demasiado específicos.

7. No tan accesible como crees

Es posible que ya hayas hecho todo lo que estaba a tu alcance para que tu sitio tenga accesibilidad. Pero el consejo es que lo pruebes, que intentes utilizarlo como lo haría una de estas personas. A veces podemos aplicar las normas WAI-ARIA de una forma incorrecta, estropeando nuestras buenas intenciones.

Fuente original del artículo: Tuts+
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. chub dice:

    y como resolver esos 7 puntos?

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder