Mucho se habla y se ha hablado sobre la accesibilidad web. En si hay que hacer las webs de forma que todo tipo de personas puedan visitarlas, pero para llegar a hacer una web 100% accesible no nos podemos limitar a cumplir solamente uno de los puntos de la accesibilidad. Hoy, dejamos escrito un pequeño artículo de uno de los puntos claves en la accesibilidad. La lucha de píxeles o ems.
¿Qué diferencia hay entre píxeles y ems?
La principal diferencia se basa en el problema de los píxeles. Cuando nos llega el diseño en photoshop, fireworks,… de la web que tenemos que maquetar, ésta suele estar medida o cortada en píxeles. Y cual es el problema? Pues es que algunos navegadores interpretan los píxeles ligeramente diferente a sus homólogos lo que hace que una web se pueda ver distinta de un navegador a otro. Este problema nos lo solemos encontrar no solo con esto, sino con muchas otras cosas, como propiedades de CSS que se interpretan de forma distinta en cada navegador. Hay que tener en cuanta, que el pixel es una medida relativa al lienzo, en comparación con el em, que os lo contamos a continuación.
En cambio la medida en em es una medida flexible. Me explico. Cuando abrimos una web que ha sido maquetada con valores em y queremos ampliarla para ver el texto más grande, ya sea por problema de visión, por comodidad, etc, no solo nos crecerá el texto, sino que toda la web se ampliará de forma homogénea, ampliando o reduciendo todo el inteface web. Así, si un usuario ha modificado los valores por defecto de su explorador, para ver el texto más grande, no solo se le ampliará el texto, sino toda la interface, haciendo más cómoda la navegación por el sitio, ya que los em cogen como referencia la altura de la fuente definida en el documento, consiguiendo de esta forma que si un usuario aumenta el tamaño del texto, todo se ampliará de igual forma.
Esto no quiere decir que una web maquetada en px esté mal maquetada. Ni muchísimo menos. Pero siemrpe estará mejor hecha una web la que permita la flexibilidad que ofrece el estar maquetada con valores em, ya que cualquier usuario podrá ampliar y reducir el texto sin distorsionar la interface de la web.
Nosotros por ahora en el blog contamos solo con las fuentes en em, y esperamos poco a poco adaptarlo todo a em, así como implementar poco a poco el HTML5. Así que os animamos a que probéis a hacer vuestros diseños en em, en futuros artículos os daremos unos consejos para controlar a la perfección los valores em, y no tener problemas al pasar de px a em.
Cargando ...
Muchas gracias