Conversor de medidas en píxeles a em para hacer webs más accesibles

30 de Mayo, 2008

En el mundo de la accesibilidad Web es importante no utilizar medidas abosulutas y sí medidas relaticas. Los diseños Web tiene que ser elásticos para que pueda ser visualizado por todos los usuarios independientemente de su situación personal o del dispositivo desde el que se conecte.

Para crear una página Web accesible por tanto deberemos de utilizar medidas en porcentajes (%) o em. Yo siempre utilizo las medidas en em, considero que te da más juego con el diseño de la página Web que los porcentajes. La diferencia es que los porcentajes hace que la página se vaya estirando a medida que la pantalla es más grande, no así las medidas en em. En este tipo de medida las páginas Web solo cambian su tamaño y modificamos el tamaño del texto en el navegador.

La verdad es que maquetar páginas Web con em es un poco complejo al principio, cuesta un poco cogerle el tranquillo. Para facilitar esta labor yo utilizo un herramienta que para mi es muy útil. Se trata de Em Calculator , un conversor de medidas. Simplemente tienes que indicarle una medida en píxeles y te dice su equivalente en em .

Lo que yo suelo hacer es tener un boceto del diseño en jpg, una vez que ya está definido calculo lo que mide en píxeles cada capa o sección del diseño de la Web. Al ir maquetando voy calculando el valor de esos píxeles en em y así hago con todas las partes de la Web. Espero que esta información os sea de utilidad.

Herramienta: http://riddle.pl/emcalc/

These icons link to social bookmarking sites where readers can share and discover new web pages.